From 210787131bc7ea72de1a3c7ef769db946cd402b9 Mon Sep 17 00:00:00 2001 From: "Claude (owner)" Date: Mon, 1 Jun 2026 23:01:16 +0900 Subject: [PATCH] =?UTF-8?q?=EA=B4=80=EB=A6=AC=EC=9E=90=20=ED=8F=B4?= =?UTF-8?q?=EB=8D=94=20=EC=B9=B4=EB=93=9C=20=EC=A0=84=EC=B2=B4=20=EC=98=81?= =?UTF-8?q?=EC=97=AD=20=ED=81=B4=EB=A6=AD=20=EC=8B=9C=20=ED=8F=B4=EB=8D=94?= =?UTF-8?q?=20=EC=A7=84=EC=9E=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 내부 링크(.folderCardLink)에만 적용되던 클릭 영역을 카드 전체로 확장. 패딩을 카드 div 에서 링크로 옮기고 flex:1 로 카드를 가득 채워, 폴더 아이콘/이름 옆 배경을 눌러도 진입되도록 함. 공개 화면 카드는 자체가 라 :not(.adminFolder) 패딩 규칙으로 기존 동작 유지. Co-Authored-By: Claude Opus 4 --- public/styles.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/public/styles.css b/public/styles.css index 70941fc..5c30020 100644 --- a/public/styles.css +++ b/public/styles.css @@ -86,14 +86,18 @@ body.siteBody.centerLayout { display: flex; align-items: center; justify-content } .folderCard { background: var(--bg-card); border: 1px solid var(--border); - border-radius: 12px; padding: 18px; text-decoration: none; color: var(--text); - display: flex; flex-direction: column; align-items: center; gap: 8px; + border-radius: 12px; text-decoration: none; color: var(--text); + display: flex; flex-direction: column; align-items: stretch; cursor: pointer; transition: transform .08s ease; } .folderCard:hover { transform: translateY(-2px); border-color: var(--accent); } +/* 공개 화면: 카드 자체가 라 패딩을 직접 적용 */ +.folderCard:not(.adminFolder) { padding: 18px; align-items: center; gap: 8px; } +/* 관리자 화면: 카드는 .adminFolder div, 내부 a 가 카드 전체를 채워 클릭 영역이 됨 */ .folderCardLink { display: flex; flex-direction: column; align-items: center; gap: 8px; text-decoration: none; color: inherit; + padding: 18px; flex: 1 1 auto; } .folderIcon { font-size: 40px; } .folderName { font-size: 15px; word-break: break-all; text-align: center; }