zenn/tier-maker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

댓글 UI 톤 정리

Browse Source
This commit is contained in:
zenn
2026-04-07 13:45:50 +09:00
parent d5575d3028
commit 9f143d4a89
5 changed files with 86 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/views/CommentInboxView.vue
View File

@@ -246,13 +246,17 @@ watch(unreadOnly, loadInbox)
.commentInboxCard {
border-radius: 22px;
border: 1px solid var(--theme-card-border);
background: var(--theme-surface);
background: linear-gradient(180deg, color-mix(in srgb, var(--theme-surface) 92%, var(--theme-surface-soft)) 0%, var(--theme-surface) 100%);
overflow: hidden;
box-shadow:
inset 0 1px 0 color-mix(in srgb, white 5%, transparent),
0 14px 28px rgba(0, 0, 0, 0.06);
}
.commentInboxCard--unread {
border-color: color-mix(in srgb, var(--theme-accent) 48%, var(--theme-card-border));
box-shadow:
inset 0 0 0 1px color-mix(in srgb, var(--theme-accent) 38%, transparent),
0 14px 28px rgba(0, 0, 0, 0.08);
}
.commentInboxCard__body {
@@ -271,11 +275,11 @@ watch(unreadOnly, loadInbox)
.commentInboxCard__thumbWrap {
width: 100%;
aspect-ratio: 16 / 10;
aspect-ratio: 16 / 9;
border-radius: 18px;
overflow: hidden;
background: var(--theme-thumb-fallback-bg);
border: 1px solid color-mix(in srgb, var(--theme-card-border) 78%, transparent);
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--theme-card-border) 26%, transparent);
}
.commentInboxCard__thumb,
@@ -391,13 +395,17 @@ watch(unreadOnly, loadInbox)
.commentInboxCard__threadBlock {
padding: 14px 15px;
border-radius: 18px;
border: 1px solid var(--theme-card-border);
background: color-mix(in srgb, var(--theme-surface) 88%, var(--theme-surface-soft));
box-shadow:
inset 0 0 0 1px color-mix(in srgb, var(--theme-card-border) 20%, transparent),
0 8px 18px rgba(0, 0, 0, 0.04);
}
.commentInboxCard__threadBlock--accent {
border-color: color-mix(in srgb, var(--theme-accent) 38%, var(--theme-card-border));
background: color-mix(in srgb, var(--theme-accent) 10%, var(--theme-surface));
box-shadow:
inset 0 0 0 1px color-mix(in srgb, var(--theme-accent) 24%, transparent),
0 10px 20px rgba(59, 130, 246, 0.08);
}
.commentInboxCard__threadLabel {