Add Tailwind extension for screen height on mobile

GTBitsOfGood · Sep 9, 2024 · 467a440 · 467a440
1 parent ac58c7d
commit 467a440
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/web/.eslintrc.js b/web/.eslintrc.js
@@ -22,5 +22,6 @@ module.exports = {
     "@typescript-eslint/no-non-null-assertion": "off",
     "@typescript-eslint/no-unused-expressions": "off",
     "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/no-require-imports": "off",
   },
 };
diff --git a/web/tailwind.config.js b/web/tailwind.config.js
@@ -33,6 +33,9 @@ module.exports = {
         highlight: "#304CD1",
         alt: "rgba(48, 76, 209, 0.1)",
       },
+      height: {
+        screen: ["100vh", "100svh"],
+      },
     },
   },
   plugins: [require("@tailwindcss/line-clamp")],