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

릴리스: v1.3.38 설정 우측 패널과 아이템 모달 보정

Browse Source
This commit is contained in:
zenn
2026-04-01 16:52:35 +09:00
parent 64b3e3e3df
commit 8aa60231a3
3 changed files with 26 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/views/AdminView.vue
View File

@@ -3288,6 +3288,7 @@ async function saveFeaturedOrder() {
.customItemModal__image {
width: 100%;
aspect-ratio: 16 / 9;
max-height: min(360px, 34dvh);
object-fit: cover;
border-radius: 24px;
background: radial-gradient(circle at top, rgba(77, 127, 233, 0.18), rgba(255, 255, 255, 0.02) 52%), rgba(255, 255, 255, 0.03);
@@ -3354,7 +3355,9 @@ async function saveFeaturedOrder() {
}
.modalCard--customItem {
width: min(1360px, calc(100vw - 40px));
min-width: min(800px, calc(100vw - 40px));
height: min(820px, calc(100dvh - 40px));
max-height: calc(100dvh - 40px);
padding: 0;
overflow: hidden;
border-radius: 28px;
@@ -3843,6 +3846,7 @@ async function saveFeaturedOrder() {
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.12);
background: var(--theme-surface-soft);
color: var(--theme-text);
font-size: 12px;
font-weight: 800;
}
@@ -3851,6 +3855,22 @@ async function saveFeaturedOrder() {
background: rgba(251, 191, 36, 0.12);
color: rgba(253, 230, 138, 0.96);
}
.pill--link {
color: var(--theme-text);
cursor: pointer;
transition: background 160ms ease, border-color 160ms ease, transform 160ms ease, color 160ms ease, box-shadow 160ms ease;
}
.pill--link:hover {
color: var(--theme-text-strong);
border-color: rgba(96, 165, 250, 0.4);
background: color-mix(in srgb, var(--theme-surface-soft) 76%, rgba(96, 165, 250, 0.2));
box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
transform: translateY(-1px);
}
.pill--link:focus-visible {
outline: 2px solid rgba(96, 165, 250, 0.42);
outline-offset: 2px;
}
.tierAdminSection {
display: grid;
gap: 10px;