How can I change the Login Required page style?

개발
22

저도 같은 문제를 겪었습니다. 버튼과 로그인 필수 텍스트의 스타일 및 정렬을 일관되게 만들고 싶었기 때문이죠. 필요할 경우 로그인 및 가입 버튼을 해당 div 안으로 이동시킬 수 있는 코드를 아래에 공유합니다. 더 나은 방법이 있을 수 있지만, 개인 로그인 페이지 커스터마이징을 위한 이 테마 컴포넌트에서 수정한 것입니다.

<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);
            
        }); 
     } 
   } 
});