[デザイン]画面レイアウトの適用

[nakamitsu-nozomi]

closes #63

目的・概要

UI整える（中間報告）

実装内容

• root_path変更

UI変更概要

• ログイン、ツイート取得、再投稿、リツイート機能にてフラッシュ化
• ツイート詳細ページ、ツイート取得ページ、ログイン画面のUI修正
• 詳細ページをレスポンシブ化 (画像2枚目）
• bootstrap バッジを使用

画面キャプチャ

稼働確認チェック

• [x] ローカル環境での動作確認
• [x] rspecの実行＆エラーなし
• [x] rubocopの実行＆コード修正

連絡事項

中間報告です。 ツイート一覧画面のレスポンシブ化は現在作業中です。

[nakamitsu-nozomi]

closes #63

目的・概要

【再修正】画面レイアウトの適用

実装内容

• レスポンシブ時、プルダウンのソート実装
• レスポンシブ時、ボタンで検索画面表示・非表示切り替え
• レスポンシブ時、詳細リンクをテーブルのセルに追加

UI変更概要

-ツイート一覧ページをレスポンシブ化

• ヘッダーレスポンシブ化
• ログイン前ページレスポンシブ化
• 詳細ページ・ツイート取得ページ微調整

画面キャプチャ

稼働確認チェック

• [x] ローカル環境での動作確認
• [x] rspecの実行＆エラーなし
• [x] rubocopの実行＆コード修正

連絡事項

デザインの適応を可能な限り行いました。 ツイート一覧テーブルのヘッダーのずれを上手く修正できませんでした。