优化媒体查询条件,增强响应式样式支持

This commit is contained in:
jxxghp
2025-07-12 13:16:30 +08:00
parent 602b0067d2
commit 3cce92e83d
+3 -4
View File
@@ -24,7 +24,7 @@ code {
position: relative; position: relative;
box-shadow: 0 1px 3px rgba(0, 0, 0, 4%), 0 1px 2px rgba(0, 0, 0, 2%); box-shadow: 0 1px 3px rgba(0, 0, 0, 4%), 0 1px 2px rgba(0, 0, 0, 2%);
@media (width >= 1280px) { @media (width >= 1280px) and (hover: hover) {
background: rgba(var(--v-theme-background), 1); background: rgba(var(--v-theme-background), 1);
.v-theme--transparent & { .v-theme--transparent & {
@@ -33,8 +33,7 @@ code {
} }
} }
@media (width < 1280px), (hover: none) {
@media (width < 1280px) {
background: transparent; background: transparent;
&::before { &::before {
@@ -63,6 +62,6 @@ code {
.v-theme--transparent & { .v-theme--transparent & {
background: rgba(var(--v-theme-background), 0.3); background: rgba(var(--v-theme-background), 0.3);
} }
}
} }
} }
}