【デザイン】ともだち帳 友達リスト

[wassupdee]

概要

ともだち帳　友達リストページのデザインブラッシュアップ

---

背景・目的

UI・UXの向上

---

内容

• [x] テーブルのデータを、eachを使わず、first, lastで表示させるように変更
• [x] 背景色を白に設定
• [x] すべての文字を黒に設定
• [x] 各パーツにdivタグを設置し、イベント通知欄・検索フィールド・連絡先作成ボタンをflexコンテナに入れる
• [x] テーブルの一行目を固定し、スクロールバーを表示させる
• [x] fontawesomeをCDNで読み込む
• [x] 詳細、編集、削除ボタンをアイコンに変更
• [x] footerのsticky表示を解除
• [x] イベントの表示名に誕生日アイコン・カレンダーアイコンを表示

---

対応しないこと

• [ ]

---

補足