パスワードリセットまわりの作成 #91
パスワードリセットまわりの作成 #91
Conversation
| 入力されたメールアドレスがお使いのアカウントに登録されていない場合、メールは送信されません。 | ||
| </p> | ||
| </div> | ||
| <div class="flex items-center justify-center gap-3 self-stretch"> |
There was a problem hiding this comment.
ここ意味のまとまりをわかりやすくするためにform要素とか使っても良さそう
There was a problem hiding this comment.
「この画面を閉じる」ボタンは単なる画面遷移なので、まとめてform要素は適さないかなと思いました
入力欄とかがなくてもform要素にするものなんでしょうか？(よくわかっていないので教えてほしいです🙏)
There was a problem hiding this comment.
確かにサーバー側になんらかの情報を送るわけではないのでここでは使わなくて良さそうです，ごめんなさい:pray_shake:
src/views/ResetPasswordFormView.vue
Outdated
| <div class="flex flex-col items-start self-stretch p-2.5"> | ||
| <div class="flex items-center justify-center gap-6 self-stretch"> | ||
| <div class="flex w-50 items-center justify-end gap-2.5"> | ||
| <span class="fontstyle-ui-body-strong text-[#3A3A3A]">パスワード</span> |
There was a problem hiding this comment.
label要素とfor-idを使ってPasswordTextBoxと対応づけてください！
確認のところも同じようにお願いします。
src/views/ResetPasswordFormView.vue
Outdated
| /> | ||
| </div> | ||
| <div class="flex items-center justify-center gap-6 self-stretch pb-5"> | ||
| <div class="h-4 w-50"></div> |
There was a problem hiding this comment.
変なプレースホルダーが入っているのが気になります。
おそらくパスワードについての注意書きをPasswordTextBoxとひとまとまりにすればflex + flex-colでいい感じに整列できると思うので，そうしてみてください。
There was a problem hiding this comment.
ひとまとまりにしましたが、flexだときれいに揃わなさそうな感じです
grid使えば、ラベル-テキストボックスの高さとテキストボックス-注意書きの横が同時にそろうかなと思うのでやってみます
grid使ったこと無くて今から調べる感じになりますが…
| 入力されたメールアドレスがお使いのアカウントに登録されていない場合、メールは送信されません。 | ||
| </p> | ||
| </div> | ||
| <div class="flex items-center justify-center gap-3 self-stretch"> |
There was a problem hiding this comment.
確かにサーバー側になんらかの情報を送るわけではないのでここでは使わなくて良さそうです，ごめんなさい:pray_shake:
close #63
遅れて申し訳ないです…！