style(result): シミュレーション結果画面のレイアウトを修正 - Githubissues

IkumaTadokoro / quitcost

「無職になったらいくらかかる？」を簡単に計算できるサービス

https://quitcost.herokuapp.com/

25 stars 2 forks source link

style(result): シミュレーション結果画面のレイアウトを修正 #182

Closed IkumaTadokoro closed 2 years ago

IkumaTadokoro commented 2 years ago

Closes: #172

やったこと

シミュレーション結果画面のレイアウトを修正
- 詳細部分を月別のカードスタイルに変更
- 料金の内訳別にカラーを設定
- 「当月分」の文言については、情報が各カードの月数と重複しているので削除
- 詳細部分の背景色と「ページ上部へ」のボタンカラーを変更

UIの変更

変更前

CleanShot 2022-03-13 at 16 01 42

変更後

CleanShot 2022-03-13 at 15 59 54

PR提出前のチェックリスト:

[x] PRの関心はただ一つだけになっている & 文法的に正しく、明確かつ完全なタイトルと本文になっている
[x] 良いコミットメッセージを書いている
[x] 関連issueがある場合、コミットメッセージにClosing Keywordsを使っている
[x] Featureブランチは最新版のmainブランチに追随している (そうでなければrebaseすること)
[x] 関連するコミットはsquashした
[ ] テストを追加した
[x] bin/lintとbin/rspecを実行した

IkumaTadokoro commented 2 years ago

色はタトバ🦅🐅🦗です。採用理由はなんとなくです。