vue/jingrowtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化添加背景页手机端色阶栏

Browse Source
This commit is contained in:
jingrow 2026-01-21 20:15:51 +08:00
parent 630e441a97
commit 26e58b224d
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/tools/add_background/add_background.vue
View File

@ -1649,6 +1649,7 @@ const removeHistoryItem = (index: number) => {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-shrink: 0; /* Prevent flex compression */
&:hover { &:hover {
transform: scale(1.1); transform: scale(1.1);
@ -2558,18 +2559,20 @@ const removeHistoryItem = (index: number) => {
.header-color-shades { .header-color-shades {
width: 100%; width: 100%;
justify-content: flex-start; justify-content: center; /* Center align the color shades */
order: 3; order: 3;
gap: 6px; gap: 4px;
padding: 8px 0; /* Add vertical padding for separation */
} }
.shade-item { .shade-item {
width: 32px; width: 28px;
height: 32px; height: 28px;
flex-shrink: 0; /* Prevent flex compression */
&.active::after { &.active::after {
width: 7px; width: 6px;
height: 12px; height: 11px;
border-width: 0 2px 2px 0; border-width: 0 2px 2px 0;
} }
} }