yunchan/vignette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

현재 작업 전체 반영

Browse source
This commit is contained in:
Yun Chan 2026-06-27 16:08:41 +09:00
parent 5560638e54
commit c0dddab594
85 changed files with 11322 additions and 539 deletions
Download patch file Download diff file Expand all files Collapse all files

66
apps/web/src/components/shell/shell.css
View file

@ -71,6 +71,38 @@
gap: var(--sp-2);
}
/* 운영 콘솔은 생성 시안처럼 어두운 크롬을 쓴다. 본문 컴포넌트 토큰은 그대로 유지한다. */
body[data-role="admin"] .vg-topbar {
background: #17211f;
border-bottom-color: rgba(255, 255, 255, 0.08);
color: #eef4f2;
}
body[data-role="admin"] .vg-topbar__wm,
body[data-role="admin"] .vg-topbar__role,
body[data-role="admin"] .vg-topbar__uname {
color: #eef4f2;
}
body[data-role="admin"] .vg-topbar__brand svg {
color: #7eb8ad;
}
body[data-role="admin"] .vg-topbar__user {
background: rgba(255, 255, 255, 0.08);
}
body[data-role="admin"] .vg-topbar__avatar {
background: rgba(126, 184, 173, 0.18);
color: #bfe0d9;
}
body[data-role="admin"] .vg-topbar__role {
border-left-color: rgba(255, 255, 255, 0.12);
}
body[data-role="admin"] .vg-iconbtn {
color: rgba(238, 244, 242, 0.78);
}
body[data-role="admin"] .vg-iconbtn:hover {
background: rgba(255, 255, 255, 0.09);
color: #ffffff;
}
/* 톱바 아이콘 버튼 (테마/로그아웃) */
.vg-iconbtn {
display: inline-flex;
@ -209,6 +241,40 @@
color: var(--text-muted);
}
body[data-role="admin"] .vg-shell__body {
background-image: linear-gradient(rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08));
}
body[data-role="admin"] .vg-nav {
background:
linear-gradient(180deg, rgba(23, 33, 31, 0.98), rgba(26, 38, 42, 0.98)),
var(--asset-warm-elements) center / cover no-repeat;
color: #eef4f2;
}
body[data-role="admin"] .vg-nav__label,
body[data-role="admin"] .vg-nav__ethic {
color: rgba(238, 244, 242, 0.54);
}
body[data-role="admin"] .vg-nav__item {
color: rgba(238, 244, 242, 0.76);
}
body[data-role="admin"] .vg-nav__item:hover {
background: rgba(255, 255, 255, 0.08);
color: #ffffff;
}
body[data-role="admin"] .vg-nav__item .vg-nav__ic {
color: rgba(191, 224, 217, 0.72);
}
body[data-role="admin"] .vg-nav__item.is-active {
background: rgba(126, 184, 173, 0.22);
color: #ffffff;
}
body[data-role="admin"] .vg-nav__item.is-active .vg-nav__ic {
color: #91c8bd;
}
body[data-role="admin"] .vg-nav__foot {
border-top-color: rgba(255, 255, 255, 0.1);
}
/* ── 메인 콘텐츠 ── */
.vg-main {
min-width: 0; /* 그리드 자식 overflow 방지 */