diff --git a/bun.lockb b/bun.lockb index 72491e0..81ade7a 100755 Binary files a/bun.lockb and b/bun.lockb differ diff --git a/package.json b/package.json index 3c10737..813f68f 100644 --- a/package.json +++ b/package.json @@ -49,6 +49,7 @@ "iso-639-1": "^3.1.3", "masto": "^6.10.0", "nanostores": "^0.11.3", + "normalize.css": "^8.0.1", "solid-js": "^1.9.2", "solid-styled": "^0.11.1", "stacktrace-js": "^2.0.2", diff --git a/src/App.css b/src/App.css index 356b93a..a00edc1 100644 --- a/src/App.css +++ b/src/App.css @@ -1,3 +1,6 @@ +@import "normalize.css/normalize.css"; +@import "./material/theme.css"; + :root { --safe-area-inset-top: env(safe-area-inset-top); --safe-area-inset-left: env(safe-area-inset-left); diff --git a/src/index.tsx b/src/index.tsx index 0b9e3a9..f870d32 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -1,5 +1,4 @@ import { render } from "solid-js/web"; import App from "./App.js"; -import "./material/theme.css"; render(() => , document.getElementById("root")!); diff --git a/src/timelines/Home.tsx b/src/timelines/Home.tsx index 0ba7202..f60eb35 100644 --- a/src/timelines/Home.tsx +++ b/src/timelines/Home.tsx @@ -169,7 +169,8 @@ const Home: ParentComponent = (props) => { scroll-snap-align: center; overscroll-behavior-block: none; contain: strict; - contain-intrinsic-size: 100% 100%; + contain-intrinsic-size: auto 560px auto 100vh; + contain-intrinsic-size: auto 560px auto 100dvh; @media (max-width: 600px) { padding: 0;