update gh workflow

fix spinner

.github/workflows/deploy-blog.yml

@@ -68,6 +68,9 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
+      - name: Install Playwright browsers
+        run: npx playwright install chromium --with-deps
+
       - name: Create .env file
         run: |
           cat > .env <<'EOF'
@@ -124,6 +127,9 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
+      - name: Install Playwright browsers
+        run: npx playwright install chromium --with-deps
+
       - name: Create .env file
         run: |
           cat > .env <<'EOF'

src/components/Spinner.astro

@@ -36,12 +36,9 @@
         height: 2rem;
         display: grid;
         place-items: center;
-        transform: 
+        transform: scale(1.3) translateY(-70px);
-            scale(1.3)
-            translateY(-70px);
         pointer-events: none;
-        transition:
+        transition: transform 160ms linear;
-            transform 160ms linear;
         z-index: 9999;
     }
 

src/styles/global.css

@@ -62,6 +62,12 @@ html {
   color: #1f2328;
 }
 
+html {
+  scrollbar-gutter: stable;
+  scrollbar-width: thin;
+  scrollbar-color: #828282 transparent;
+}
+
 body {
   margin: 0 auto;
   width: 100%;