fix scale issue

JuhG · Jul 30, 2022 · 08cf2d2 · 08cf2d2 · vercel · Jul 30, 2022
1 parent 82db5a9
commit 08cf2d2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/components/Calendar.tsx b/components/Calendar.tsx
@@ -88,7 +88,7 @@ export const Calendar: FC<CalendarProps> = ({ list, favorites, setFavorites }) =
       <ul
         style={{
           display: "flex",
-          // overflow: "auto",
+          overflow: "auto",
           scrollSnapType: "x mandatory", // not working *without* the overflow
           paddingLeft: 8,
           paddingRight: 8,
@@ -103,7 +103,7 @@ export const Calendar: FC<CalendarProps> = ({ list, favorites, setFavorites }) =
               style={{
                 position: "relative",
                 scrollSnapAlign: "start",
-                scrollMarginLeft: 16,
+                scrollMarginLeft: 8,
                 background: theme.colors.gray[2],
                 paddingLeft: 8,
                 paddingRight: 8,

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -10,6 +10,7 @@ function MyApp({ Component, pageProps }: AppProps) {
         <title>Katlan alternatív műsorfüzet</title>
         <link rel="icon" href="https://fav.farm/🔥" />
         <link rel="manifest" href="/manifest.json" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
       </Head>
       <MantineProvider withGlobalStyles withNormalizeCSS>
         <Component {...pageProps} />