Skip to content

Commit 5f8d016

Browse files
committed
style: adjust panels and page background for mobile
1 parent bffb896 commit 5f8d016

File tree

1 file changed

+24
-3
lines changed

1 file changed

+24
-3
lines changed

docs/website/styles.css

Lines changed: 24 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2675,7 +2675,15 @@ section#demo {
26752675

26762676
.panel-container {
26772677
display: flex;
2678-
justify-content: space-between;
2678+
flex-direction: column;
2679+
gap: 1.5rem;
2680+
}
2681+
2682+
@media (min-width: 768px) {
2683+
.panel-container {
2684+
flex-direction: row;
2685+
gap: 2.5rem;
2686+
}
26792687
}
26802688

26812689
.snippet-panel {
@@ -2812,7 +2820,7 @@ nav {
28122820
left: 0;
28132821
opacity: .1;
28142822
top: 0;
2815-
z-index: 1;
2823+
z-index: -5;
28162824
pointer-events: none;
28172825
}
28182826

@@ -2828,10 +2836,23 @@ nav {
28282836
right: 0;
28292837
opacity: .1;
28302838
top: 0;
2831-
z-index: 1;
2839+
z-index: -5;
28322840
pointer-events: none;
28332841
}
28342842

2843+
@media (max-width: 576px) {
2844+
.dotted, .dotted-right {
2845+
opacity: 0.05;
2846+
}
2847+
2848+
.dotted {
2849+
left: -80px;
2850+
}
2851+
.dotted-right {
2852+
right: -80px;
2853+
}
2854+
}
2855+
28352856
/* ===========================
28362857
Navigation Styles
28372858
=========================== */

0 commit comments

Comments
 (0)