mirror of
https://github.com/fofolee/uTools-quickcommand.git
synced 2025-06-07 13:34:08 +08:00
样式调整
This commit is contained in:
parent
ca24afe4b2
commit
44ed767e8c
@ -342,4 +342,9 @@ export default defineComponent({
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.section-header .q-field--focused .q-field__prepend .q-icon {
|
||||
animation: shake 0.8s ease;
|
||||
color: var(--q-primary);
|
||||
}
|
||||
</style>
|
||||
|
@ -79,7 +79,7 @@ export default {
|
||||
position: absolute;
|
||||
top: -9px;
|
||||
left: 16px;
|
||||
background: #fff;
|
||||
background-color: #fafafa;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
@ -153,8 +153,8 @@ export default {
|
||||
}
|
||||
|
||||
.body--dark .label-header {
|
||||
background: #303133;
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
background-color: #2e2e2e;
|
||||
}
|
||||
|
||||
/* 动画优化 */
|
||||
|
@ -125,7 +125,6 @@ export default {
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-color: var(--q-card-background);
|
||||
}
|
||||
|
||||
.ubrowser-panels {
|
||||
@ -151,7 +150,6 @@ export default {
|
||||
.ubrowser-editor :deep(.q-tabs) {
|
||||
min-height: 36px;
|
||||
padding: 0 8px;
|
||||
background-color: var(--q-card-background);
|
||||
}
|
||||
|
||||
.ubrowser-editor :deep(.q-tab--active) {
|
||||
@ -170,13 +168,4 @@ export default {
|
||||
.ubrowser-editor :deep(.q-tab__label) {
|
||||
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>
|
||||
|
@ -239,22 +239,8 @@ export default {
|
||||
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 {
|
||||
animation: searchIconShake 0.8s ease;
|
||||
animation: shake 0.8s ease;
|
||||
color: var(--q-primary);
|
||||
}
|
||||
|
||||
|
@ -307,7 +307,11 @@ body.body--dark.glass-effect-menu .q-menu {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* 左右抖动 */
|
||||
.body--dark .q-tab-panels {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* 左右移动 */
|
||||
@keyframes leftRight {
|
||||
0% {
|
||||
transform: translateX(-2px);
|
||||
@ -325,7 +329,7 @@ body.body--dark.glass-effect-menu .q-menu {
|
||||
}
|
||||
}
|
||||
|
||||
/* 上下抖动 */
|
||||
/* 上下移动 */
|
||||
@keyframes upDown {
|
||||
0% {
|
||||
transform: translateY(-1px);
|
||||
@ -347,3 +351,20 @@ body.body--dark.glass-effect-menu .q-menu {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/* 左右抖动 */
|
||||
@keyframes shake {
|
||||
|
||||
0%,
|
||||
100% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
25% {
|
||||
transform: rotate(-10deg);
|
||||
}
|
||||
|
||||
75% {
|
||||
transform: rotate(10deg);
|
||||
}
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user