Spaces:
Sleeping
Sleeping
Update static/index.html
Browse files- static/index.html +10 -5
static/index.html
CHANGED
|
@@ -31,11 +31,16 @@
|
|
| 31 |
transition:transform .28s ease; box-shadow:var(--shadow); z-index:5;
|
| 32 |
transform:translateX(0);
|
| 33 |
}
|
| 34 |
-
#panel.min
|
| 35 |
-
/*
|
| 36 |
-
transform:translateX(
|
| 37 |
-
|
| 38 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 39 |
}
|
| 40 |
#panel h2{margin:.3rem 0 1rem; font-size:1.05rem; color:#cfe0ff}
|
| 41 |
fieldset{border:1px solid #2a395f; border-radius:12px; padding:12px; margin:10px 0}
|
|
|
|
| 31 |
transition:transform .28s ease; box-shadow:var(--shadow); z-index:5;
|
| 32 |
transform:translateX(0);
|
| 33 |
}
|
| 34 |
+
#panel.min{
|
| 35 |
+
/* Fully off-canvas; no sliver */
|
| 36 |
+
transform: translateX(-100%);
|
| 37 |
+
/* If you ever see a 0.5px hairline from subpixel rounding, use:
|
| 38 |
+
transform: translateX(calc(-100% - 1px)); */
|
| 39 |
+
overflow: hidden;
|
| 40 |
+
border-right: none;
|
| 41 |
+
background: transparent; /* kill gradient tint */
|
| 42 |
+
box-shadow: none; /* kill edge glow */
|
| 43 |
+
pointer-events: none; /* panel won’t catch clicks while hidden */
|
| 44 |
}
|
| 45 |
#panel h2{margin:.3rem 0 1rem; font-size:1.05rem; color:#cfe0ff}
|
| 46 |
fieldset{border:1px solid #2a395f; border-radius:12px; padding:12px; margin:10px 0}
|