From b2c24d33ed413887ddb3f1ee1cc9150606851f58 Mon Sep 17 00:00:00 2001
From: Paul <paulmakles@gmail.com>
Date: Fri, 24 Dec 2021 17:15:39 +0000
Subject: [PATCH] fix: make the create group button do the correct thing

---
 src/pages/home/Home.module.scss | 6 +++---
 src/pages/home/Home.tsx         | 4 +++-
 2 files changed, 6 insertions(+), 4 deletions(-)

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 = [];