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

릴리스: v1.3.68 관리자 아이템 모달 레이아웃 안정화

Browse Source
This commit is contained in:
zenn
2026-04-02 15:12:36 +09:00
parent c1dfea41a5
commit a16b1e1025
4 changed files with 33 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1842,7 +1842,6 @@ function userAvatarFallback(user) {
<div class="customItemModal__source">{{ modalTargetCustomItem.sourceLabel }}</div>
</div>
</div>
<img class="customItemModal__image" :src="toApiUrl(modalTargetCustomItem.src)" :alt="modalTargetCustomItem.label" />
<div class="customItemModal__labelEditor">
<label class="field">
<span class="field__label">아이템 이름</span>
@@ -3216,9 +3215,12 @@ function userAvatarFallback(user) {
align-content: start;
gap: 18px;
min-width: 0;
min-height: 0;
padding: 28px 22px;
border-right: 1px solid var(--theme-border);
background: var(--theme-pill-bg);
overflow: auto;
overscroll-behavior: contain;
}
.adminUiScope .customItemModal__pickerHead {
display: grid;
@@ -3227,6 +3229,10 @@ function userAvatarFallback(user) {
.adminUiScope .customItemModal__selected {
display: grid;
gap: 12px;
padding: 14px;
border-radius: 20px;
border: 1px solid var(--theme-border);
background: var(--theme-surface-soft);
}
.adminUiScope .customItemModal__selectedImage {
width: 100%;
@@ -3306,6 +3312,7 @@ function userAvatarFallback(user) {
grid-template-rows: auto minmax(0, 1fr);
gap: 16px;
padding: 24px 28px 28px;
overflow: hidden;
}
.adminUiScope .customItemModal__content {
min-width: 0;
@@ -3314,14 +3321,24 @@ function userAvatarFallback(user) {
align-content: start;
gap: 18px;
overflow: auto;
padding-right: 0;
padding-right: 8px;
overscroll-behavior: contain;
scrollbar-width: none;
-ms-overflow-style: none;
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, 0.18) transparent;
}
.adminUiScope .customItemModal__pickerPanel::-webkit-scrollbar,
.adminUiScope .customItemModal__content::-webkit-scrollbar {
width: 0;
height: 0;
width: 8px;
height: 8px;
}
.adminUiScope .customItemModal__pickerPanel::-webkit-scrollbar-thumb,
.adminUiScope .customItemModal__content::-webkit-scrollbar-thumb {
border-radius: 999px;
background: rgba(255, 255, 255, 0.16);
}
.adminUiScope .customItemModal__pickerPanel::-webkit-scrollbar-track,
.adminUiScope .customItemModal__content::-webkit-scrollbar-track {
background: transparent;
}
.adminUiScope .customItemModal__labelEditor {
display: flex;
@@ -3369,15 +3386,6 @@ function userAvatarFallback(user) {
cursor: pointer;
font-size: 13px;
}
.adminUiScope .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);
border: 1px solid var(--theme-border);
}
.adminUiScope .customItemModal__label {
font-size: 11px;
color: var(--theme-text-faint);