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; }