04. auth form 수정

password 입력시 비공개 처리(버그)되어 패스워드로 표기함

로그인

// login.blade.php
// login 버튼부분
<div class="field">
  <div class="control">
    <button type="submit" class="button is-info is-rounded is-fullwidth">
      <strong>{{ __('Login') }}</strong>
    </button>
  </div>

  @if (Route::has('패스워드.request'))
    <div class="pt-2">
      <span>{{ __('Forgot Your ') }}</span>
      <a href="{{ route('패스워드.request') }}">
        {{ __('패스워드?') }}
      </a>
    </div>
  @endif

  <div class="pt-3">
    <span>{{ __('New to Reddit?') }}</span>
    <a href="{{ route('register') }}">
      {{ __('SIGN UP') }}
    </a>
  </div>
</div>

가입

// register.blade.php
// 카드 제목부분 
@slot('title')
  {{ __('Sign Up') }}
@endslot

// register 버튼부분
<div class="field">
  <button type="submit" class="button is-info is-rounded is-fullwidth">
    <strong>{{ __('Continue') }}</strong>
  </button>

  <div class="pt-3">
    <span>{{ __('Already a redditor?') }}</span>
    <a href="{{ route('login') }}">
      {{ __('LOG IN') }}
    </a>
  </div>
</div>

비밀번호 초기화 메일 발송

// email.blade.php
// 카드 제목부분
@slot('title')
  {{ __('Reset your 패스워드') }}
@endslot

// send 버튼부분
<div class="field">
  <div class="control">
    <button type="submit" class="button is-info is-rounded is-fullwidth">
      {{ __('Reset 패스워드') }}
    </button>
  </div>
  <div class="pt-2">
    <a href="{{ route('login') }}">
      {{ __('LOG IN') }}
    </a>
    <span>{{ __('or') }}</span>
    <a href="{{ route('register') }}">
      {{ __('SIGN UP') }}
    </a>
  </div>
</div>

비밀번호 초기화

// reset.blade.php
// reset 패스워드 버튼부분
<div class="field is-form-action-buttons">
  <button type="submit" class="button is-info is-rounded is-fullwidth">
    {{ __('Reset 패스워드') }}
  </button>
</div>

git commit

git add .
git commit -m 'style: change auth form style'

좋은 웹페이지 즐겨찾기