ログイン画面を綺麗にする

さて、さっきの続き。

あまりにも衝撃を受けすぎて長くなってしまったので ものっそ中途半端な感じで終わってしまったことを反省して 今回はちゃんとやりきろう。うん。

とりあえず登録画面と同じようなコードにして センタリングと文字を日本語化しよう。

基本的には登録画面を作った時と同じようにすればいいだけ。

ログイン


'form-control', placeholder: "メールアドレスを入力してください", autofocus: true %>

'form-control', placeholder: "パスワードを入力してください", autocomplete: "off" %>
<% if devise_mapping.rememberable? -%>
<% end -%>
<% end %> <%= render "devise/shared/links" %> </div> </div> </div>

こんな感じ。

確認すると。スクリーンショット 2017-08-03 13.40.58.png

うん。まずまず。

問題は一番下の英語表記。

んー。これもrenderでリンク飛ばされてるから 前の時みたいにlinkファイルいじればなんとかなるか? ってことでやってみた。

スクリーンショット 2017-08-03 13.48.54.png

ちなみに前にアカウント作成のリンクをいじった時にボタンも作ったけど やはりボタンにしてしまうとベタな感じが出てしまうので そのまま文字としてのリンクにすることにした。

さて、書き換えたところで確認。スクリーンショット 2017-08-03 13.52.00.png

ビンゴ。ちゃんと記述した通り日本語に変わってくれてる。

 

これでログイン画面も一通り終わった。

んー、そういやindexのnavbarもrendarでいけるかな・・ 次はそこをいじろう。

 

では今回はこれまで

 

ではー。

この記事をシェアする