tkrmagid/make_video_site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

관리자 폴더 카드 전체 영역 클릭 시 폴더 진입

Browse Source 
내부 링크(.folderCardLink)에만 적용되던 클릭 영역을 카드 전체로 확장.
패딩을 카드 div 에서 링크로 옮기고 flex:1 로 카드를 가득 채워, 폴더
아이콘/이름 옆 배경을 눌러도 진입되도록 함. 공개 화면 카드는 자체가
<a> 라 :not(.adminFolder) 패딩 규칙으로 기존 동작 유지.

Co-Authored-By: Claude Opus 4 <noreply@anthropic.com>
This commit is contained in:
Claude (owner)
2026-06-01 23:01:16 +09:00
parent 0faf7af42a
commit 210787131b
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
public/styles.css
View File

@@ -86,14 +86,18 @@ body.siteBody.centerLayout { display: flex; align-items: center; justify-content
} }
.folderCard { .folderCard {
background: var(--bg-card); border: 1px solid var(--border); background: var(--bg-card); border: 1px solid var(--border);
border-radius: 12px; padding: 18px; text-decoration: none; color: var(--text); border-radius: 12px; text-decoration: none; color: var(--text);
display: flex; flex-direction: column; align-items: center; gap: 8px; display: flex; flex-direction: column; align-items: stretch;
cursor: pointer; transition: transform .08s ease; cursor: pointer; transition: transform .08s ease;
} }
.folderCard:hover { transform: translateY(-2px); border-color: var(--accent); } .folderCard:hover { transform: translateY(-2px); border-color: var(--accent); }
/* 공개 화면: 카드 자체가 <a> 라 패딩을 직접 적용 */
.folderCard:not(.adminFolder) { padding: 18px; align-items: center; gap: 8px; }
/* 관리자 화면: 카드는 .adminFolder div, 내부 a 가 카드 전체를 채워 클릭 영역이 됨 */
.folderCardLink { .folderCardLink {
display: flex; flex-direction: column; align-items: center; gap: 8px; display: flex; flex-direction: column; align-items: center; gap: 8px;
text-decoration: none; color: inherit; text-decoration: none; color: inherit;
padding: 18px; flex: 1 1 auto;
} }
.folderIcon { font-size: 40px; } .folderIcon { font-size: 40px; }
.folderName { font-size: 15px; word-break: break-all; text-align: center; } .folderName { font-size: 15px; word-break: break-all; text-align: center; }