fix: ensure mobile navbar CSS is generated in production build

.github/workflows/deploy.yml

@@ -57,6 +57,15 @@ jobs:
       - name: Build Tailwind CSS
         run: npm run build-css-prod
 
+      - name: Verify CSS output
+        run: |
+          if [ ! -f "static/css/output.css" ]; then
+            echo "Error: output.css not found!"
+            exit 1
+          fi
+          echo "CSS file size: $(wc -c < static/css/output.css) bytes"
+          echo "CSS file exists and ready for deployment"
+
       - name: Create required directories
         run: |
           mkdir -p content/blog content/event

tailwind.config.js

@@ -8,6 +8,24 @@ module.exports = {
     safelist: [
         'translate-x-0',
         'overflow-hidden',
+        // Mobile navbar classes
+        'md:hidden',
+        'md:pb-0',
+        'pb-20',
+        'fixed',
+        'bottom-0',
+        'left-0',
+        'right-0',
+        'top-0',
+        'z-50',
+        'grid-cols-2',
+        'gap-3',
+        'md:gap-4',
+        'md:columns-3',
+        'lg:columns-4',
+        'md:space-y-4',
+        'bg-background/60',
+        'backdrop-blur-md',
         // Schedule Page Dynamic Classes
         'md:flex-row',
         'md:w-1/2',