← プレビュー一覧に戻る

PR #157: フッター固定メニューの視認性改善

関連: PR #157


1. Before/After比較

Before(既存)

境界線: インラインスタイル border-top: 1px solid #d6d3d1

色: #d6d3d1(淡いグレー)、幅: 1px

テキスト: font-medium

フォントウェイト: 500

After(改善後)

境界線: インラインスタイル border-top: 1px solid #d6d3d1

色: #d6d3d1(淡いグレー)、幅: 1px ※変更なし

テキスト: font-bold

フォントウェイト: 700

リンク: no-underline-force 追加

縦区切り線: インラインスタイル border-right: 1px solid #d6d3d1

2. 変更内容の詳細

境界線(上部は変更なし、縦区切り線追加)

テキストの太字化

リンク下線の明示的な無効化

3. 実装デモ(改善後)

スマホサイズでの表示(max-width: 420px)
ホバーで透明度が変化します

マイページトップ

フッター固定メニューは画面下部に常に表示されます。

このデモでは、改善後のデザイン(テキスト太字、リンク下線なし)を確認できます。

4. 影響範囲

← プレビュー一覧に戻る