Comment puis-je changer le style de la page Login Required ?

Dev
22

J’ai rencontré le même problème car je souhaitais harmoniser le style et l’alignement des boutons avec le texte « Connexion requise ». Voici un code qui devrait permettre de déplacer les boutons « Connexion » et « Inscription » à l’intérieur de ce div si nécessaire. Il existe probablement de meilleures méthodes, mais je l’ai adapté à partir de ce composant de thème pour personnaliser la page de connexion privée.

<script type="text/discourse-plugin" version="0.8">
  const { on, observes } = require('ember-addons/ember-computed-decorators');

  api.modifyClass('controller:static', {
    @on('init')
    @observes('model.path')
    setupVideo() {
      const path = this.get("model.path");
      if (path === "login") {
          
          
        Ember.run.scheduleOnce('afterRender', () =>{
            let login_div = $('.login-required')[0];

            let signup_btn_element = $('[aria-label="Sign Up"]')[0];
            let login_btn_element = $('[aria-label="Log In"]')[0];
            login_div.appendChild(signup_btn_element);
            login_div.appendChild(login_btn_element);
            
        }); 
     } 
   } 
});