Merge pull request #102 from kc3hack/FE-84

[FE-84] みんなのストーリーでのID表示を消した

Author: yone-al

frontend/src/App.css

@@ -159,4 +159,4 @@
 .btn-story:hover {
 	background-color: rgba(245, 124, 0, 0.05) !important;
 	border: 1.5px solid #e65100 !important;
-}
+}

frontend/src/App.tsx

@@ -8,7 +8,6 @@ function App() {
 
 	return (
 		<div className="app-background">
-
 			{/* ▼ オーロラ背景用の色の塊（これをCSSで強烈にぼかします） ▼ */}
 			<div className="aurora-blob aurora-1"></div>
 			<div className="aurora-blob aurora-2"></div>
@@ -45,4 +44,4 @@ function App() {
 	);
 }
 
-export default App;
+export default App;

frontend/src/Board/BoardList.css

@@ -72,28 +72,6 @@
 	transform: translateY(0);
 }
 
-/* --- カードヘッダー（ラウンド番号 + 日付） --- */
-.board-card-header {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	margin-bottom: 12px;
-}
-
-.board-card-round-number {
-	background: linear-gradient(135deg, #ff9800, #ed6c02);
-	color: white;
-	font-weight: 700;
-	font-size: 0.8rem;
-	padding: 4px 12px;
-	border-radius: 20px;
-}
-
-.board-card-date {
-	color: #999;
-	font-size: 0.8rem;
-}
-
 /* --- ヒントのプレビュー（チャット形式） --- */
 .board-card-hints {
 	margin-bottom: 12px;
@@ -128,7 +106,14 @@
 
 /* --- カードフッター --- */
 .board-card-footer {
-	text-align: right;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.board-card-date {
+	color: #999;
+	font-size: 0.75rem;
 }
 
 .board-card-read-more {

frontend/src/Board/BoardList.tsx

@@ -120,12 +120,6 @@ function BoardList() {
 						className="board-card"
 						onClick={() => navigate(`/board/${round.id}`)}
 					>
-						{/* カード上部：ラウンド番号と日付 */}
-						<div className="board-card-header">
-							<span className="board-card-round-number">#{round.id}</span>
-							<span className="board-card-date">{formatDate(round.updated_at)}</span>
-						</div>
-
 						{/* ヒントのプレビュー（チャット形式で最初の数個を表示） */}
 						<div className="board-card-hints">
 							{round.hints.slice(0, PREVIEW_HINT_COUNT).map((hint, index) => (
@@ -138,8 +132,9 @@ function BoardList() {
 							))}
 						</div>
 
-						{/* 「続きを読む」のラベル */}
+						{/* フッター：日付と「続きを読む」 */}
 						<div className="board-card-footer">
+							<span className="board-card-date">{formatDate(round.updated_at)}</span>
 							<span className="board-card-read-more">続きを読む →</span>
 						</div>
 					</button>