style: update card backdrop blur and fix shell layout
This commit is contained in:
+1
-4
@@ -45,10 +45,7 @@ const route = useRoute();
|
|||||||
position: sticky;
|
position: sticky;
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
background: var(--surface);
|
}.shell-main {
|
||||||
}
|
|
||||||
|
|
||||||
.shell-main {
|
|
||||||
max-width: 1240px;
|
max-width: 1240px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|||||||
+3
-1
@@ -27,7 +27,9 @@ a:hover {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.surface-card {
|
.surface-card {
|
||||||
background: var(--surface-strong);
|
background: rgba(255, 255, 255, 0.85);
|
||||||
|
backdrop-filter: blur(12px);
|
||||||
|
-webkit-backdrop-filter: blur(12px);
|
||||||
border: 1px solid var(--border-soft);
|
border: 1px solid var(--border-soft);
|
||||||
border-radius: 18px;
|
border-radius: 18px;
|
||||||
box-shadow: var(--shadow-soft);
|
box-shadow: var(--shadow-soft);
|
||||||
|
|||||||
Reference in New Issue
Block a user