various css optimizations
All checks were successful
/ depoly (push) Successful in 1m18s

This commit is contained in:
thislight 2024-10-30 13:22:00 +08:00
parent b7531864d2
commit 9e97f9b611
No known key found for this signature in database
GPG key ID: A50F9451AC56A63E
4 changed files with 9 additions and 17 deletions

View file

@ -168,6 +168,8 @@ const Home: ParentComponent = (props) => {
padding: 0 16px;
scroll-snap-align: center;
overscroll-behavior-block: none;
contain: strict;
contain-intrinsic-size: 100% 100%;
@media (max-width: 600px) {
padding: 0;
@ -186,6 +188,10 @@ const Home: ParentComponent = (props) => {
padding-left: var(--safe-area-inset-left, 0);
padding-right: var(--safe-area-inset-right, 0);
& > * {
content-visibility: auto;
}
@media (max-width: 600px) {
grid-auto-columns: 100%;
}