diff --git a/src/pages/home/Home.module.scss b/src/pages/home/Home.module.scss index faf6b201..f2ed2a24 100644 --- a/src/pages/home/Home.module.scss +++ b/src/pages/home/Home.module.scss @@ -26,9 +26,9 @@ } .actions { - //grid-template-columns: repeat(2, 300px); - grid-template-columns: 300px 300px; - //grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); + // grid-template-columns: repeat(2, 300px); + // grid-template-columns: 300px 300px; + grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-column: span 2; gap: 16px; //margin: auto; diff --git a/src/pages/home/Home.tsx b/src/pages/home/Home.tsx index ac71ff25..1429e52f 100644 --- a/src/pages/home/Home.tsx +++ b/src/pages/home/Home.tsx @@ -17,6 +17,8 @@ import "./snow.scss"; import { Text } from "preact-i18n"; import { useContext, useMemo } from "preact/hooks"; +import { isTouchscreenDevice } from "../../lib/isTouchscreenDevice"; + import { useApplicationState } from "../../mobx/State"; import { AppContext } from "../../context/revoltjs/RevoltClient"; @@ -50,7 +52,7 @@ export default observer(() => { ); const seasonalTheme = state.settings.get("appearance:seasonal") ?? true; - const isDecember = new Date().getMonth() === 11; + const isDecember = !isTouchscreenDevice && new Date().getMonth() === 11; const snowflakes = useMemo(() => { const flakes = [];