mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-09-05 23:56:42 +08:00
优化媒体查询条件,增强响应式样式支持
This commit is contained in:
@@ -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);
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|||||||
Reference in New Issue
Block a user