study/uTools-quickcommand
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-quickcommand.git synced 2025-06-08 14:34:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

样式调整

Browse Source
This commit is contained in:
fofolee 2025-02-16 00:38:16 +08:00
parent ca24afe4b2
commit 44ed767e8c
5 changed files with 31 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/composer/ComposerList.vue
View File

@ -342,4 +342,9 @@ export default defineComponent({
display: flex; display: flex;
align-items: center; align-items: center;
} }
.section-header .q-field--focused .q-field__prepend .q-icon {
animation: shake 0.8s ease;
color: var(--q-primary);
}
</style> </style>

4
src/components/composer/common/BorderLabel.vue
View File

@ -79,7 +79,7 @@ export default {
position: absolute; position: absolute;
top: -9px; top: -9px;
left: 16px; left: 16px;
background: #fff; background-color: #fafafa;
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
font-size: 12px; font-size: 12px;
line-height: 16px; line-height: 16px;
@ -153,8 +153,8 @@ export default {
} }
.body--dark .label-header { .body--dark .label-header {
background: #303133;
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
background-color: #2e2e2e;
} }
/* 动画优化 */ /* 动画优化 */

11
src/components/composer/ubrowser/UBrowserEditor.vue
View File

@ -125,7 +125,6 @@ export default {
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
width: 100%; width: 100%;
background-color: var(--q-card-background);
} }
.ubrowser-panels { .ubrowser-panels {
@ -151,7 +150,6 @@ export default {
.ubrowser-editor :deep(.q-tabs) { .ubrowser-editor :deep(.q-tabs) {
min-height: 36px; min-height: 36px;
padding: 0 8px; padding: 0 8px;
background-color: var(--q-card-background);
} }
.ubrowser-editor :deep(.q-tab--active) { .ubrowser-editor :deep(.q-tab--active) {
@ -170,13 +168,4 @@ export default {
.ubrowser-editor :deep(.q-tab__label) { .ubrowser-editor :deep(.q-tab__label) {
font-size: 13px; font-size: 13px;
} }
/* 暗色模式适配 */
.body--dark .ubrowser-editor {
background-color: var(--q-dark);
}
.body--dark .ubrowser-editor :deep(.q-tabs) {
background-color: var(--q-dark);
}
</style> </style>

16
src/components/config/FooterBar.vue
View File

@ -239,22 +239,8 @@ export default {
background: rgba(var(--q-primary-rgb), 0.1) !important; background: rgba(var(--q-primary-rgb), 0.1) !important;
} }
/* 搜索框动画 */
@keyframes searchIconShake {
0%,
100% {
transform: rotate(0deg);
}
25% {
transform: rotate(-10deg);
}
75% {
transform: rotate(10deg);
}
}
.q-field--focused .q-field__prepend .q-icon { .q-field--focused .q-field__prepend .q-icon {
animation: searchIconShake 0.8s ease; animation: shake 0.8s ease;
color: var(--q-primary); color: var(--q-primary);
} }

25
src/css/app.css
View File

@ -307,7 +307,11 @@ body.body--dark.glass-effect-menu .q-menu {
font-size: 12px; font-size: 12px;
} }
/* 左右抖动 */ .body--dark .q-tab-panels {
background-color: transparent;
}
/* 左右移动 */
@keyframes leftRight { @keyframes leftRight {
0% { 0% {
transform: translateX(-2px); transform: translateX(-2px);
@ -325,7 +329,7 @@ body.body--dark.glass-effect-menu .q-menu {
} }
} }
/* 上下抖动 */ /* 上下移动 */
@keyframes upDown { @keyframes upDown {
0% { 0% {
transform: translateY(-1px); transform: translateY(-1px);
@ -347,3 +351,20 @@ body.body--dark.glass-effect-menu .q-menu {
opacity: 1; opacity: 1;
} }
} }
/* 左右抖动 */
@keyframes shake {
0%,
100% {
transform: rotate(0deg);
}
25% {
transform: rotate(-10deg);
}
75% {
transform: rotate(10deg);
}
}