diff --git a/index.html b/index.html index 41e7cd5..bd7e8fe 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,8 @@ - Linaria App + ZFGC +
diff --git a/package.json b/package.json index ee492a8..8e3ec51 100644 --- a/package.json +++ b/package.json @@ -28,10 +28,9 @@ "@babel/core": "^7.26.7", "@babel/preset-react": "^7.26.3", "@babel/preset-typescript": "^7.26.0", - "html-react-parser": "^5.2.2", - "@rollup/pluginutils": "^5.1.4", "@linaria/vite": "^5.0.4", "@popperjs/core": "^2.11.8", + "@rollup/pluginutils": "^5.1.4", "@types/babel__core": "^7.20.5", "@types/babel__traverse": "^7.20.6", "@types/debug": "^4.1.12", @@ -40,6 +39,7 @@ "@types/react-dom": "^19.0.3", "@vitejs/plugin-react": "^4.3.4", "@wyw-in-js/vite": "^0.5.5", + "html-react-parser": "^5.2.2", "prettier": "3.4.2", "typescript": "^5.7.3", "vite": "^6.0.11" diff --git a/src/assets/App.css b/src/assets/App.css index aa46df2..fa96d3e 100644 --- a/src/assets/App.css +++ b/src/assets/App.css @@ -1,12 +1,6 @@ @import url("../../node_modules/bootstrap/dist/css/bootstrap.min.css"); /* @import "./index.css"; FIXME: #77 This should either be removed or added. */ -.container-xxl { - @media (min-width: 1400px) { - max-width: 145rem; - } -} - :root { --bs-body-bg: none; --bs-link-hover-color: none; @@ -14,6 +8,12 @@ --bs-link-color: none; } +.container-xxl { + @media (min-width: 1400px) { + max-width: 145rem; + } +} + .bb-code-b { font-weight: bold; } diff --git a/src/assets/snow-effect.css b/src/assets/snow-effect.css index 3ce071b..7094dcf 100644 --- a/src/assets/snow-effect.css +++ b/src/assets/snow-effect.css @@ -1,10 +1,9 @@ .steve-calandra { - position: fixed; inset: 0; } .snowflake { - position: absolute; + position: fixed; --small: 3px; --medium: 7px; width: var(--small); diff --git a/src/main.tsx b/src/main.tsx index e6e6232..6e3fbe3 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -16,7 +16,17 @@ css` html, body, #root { - height: 100%; + height: 100dvh; + width: 100dvw; + } + + html, + body { + overflow: hidden; + } + + #root { + overflow: auto; background-color: var(--bg); color: var(--text); } diff --git a/src/pages/home.tsx b/src/pages/home.tsx index 5e47558..b42b2f4 100644 --- a/src/pages/home.tsx +++ b/src/pages/home.tsx @@ -13,7 +13,7 @@ const Home: React.FC = () => {
-
+