style: hide scrollbar

CoodingPenguin · Jan 17, 2025 · 3336e14 · 3336e14
1 parent 2fee6aa
commit 3336e14
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 2 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -29,6 +29,7 @@
     "remark-math": "^6.0.0",
     "svelte": "^5.1.1",
     "tailwind-merge": "^2.5.4",
+    "tailwind-scrollbar-hide": "^2.0.0",
     "tailwindcss": "^3.4.14",
     "typescript": "^5.6.3"
   },

diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -4,7 +4,7 @@ const { title, description, image } = Astro.props;
 ---
 
 <!doctype html>
-<html lang="en" class="h-full antialiased">
+<html lang="en" class="h-full antialiased scrollbar-hide">
   <head>
     <BaseHead title={title} description={description} image={image} />
 

diff --git a/tailwind.config.mjs b/tailwind.config.mjs
@@ -40,8 +40,9 @@ export default {
     plugin(function ({ addVariant }) {
       addVariant(
         "prose-inline-code",
-        '&.prose :where(:not(pre)>code):not(:where([class~="not-prose"] *))',
+        '&.prose :where(:not(pre)>code):not(:where([class~="not-prose"] *))'
       );
     }),
+    require("tailwind-scrollbar-hide"),
   ],
 };