fix cf-pages

.claude/settings.local.json

@@ -38,7 +38,8 @@
       "Bash(../target/release/ailog build)",
       "Bash(zsh run.zsh:*)",
       "Bash(hugo:*)",
-      "WebFetch(domain:docs.bsky.app)"
+      "WebFetch(domain:docs.bsky.app)",
+      "WebFetch(domain:syui.ai)"
     ],
     "deny": []
   }

my-blog/static/_headers

@@ -16,11 +16,32 @@
   Cache-Control: public, max-age=31536000, immutable
 
 /css/*
-  Cache-Control: public, max-age=300
+  Content-Type: text/css
+  Cache-Control: public, max-age=60
 
 /*.js
+  Content-Type: application/javascript
   Cache-Control: public, max-age=31536000, immutable
 
+/assets/*.js
+  Content-Type: application/javascript
+  Cache-Control: public, max-age=31536000, immutable
+
+# Ensure ES6 modules are served correctly
+/assets/comment-atproto-*.js
+  Content-Type: text/javascript; charset=utf-8
+  Cache-Control: public, max-age=31536000, immutable
+
+# All JS assets
+/assets/*-*.js
+  Content-Type: text/javascript; charset=utf-8
+  Cache-Control: public, max-age=31536000, immutable
+
+# CSS assets
+/assets/*.css
+  Content-Type: text/css
+  Cache-Control: public, max-age=60
+
 /posts/*
   Cache-Control: public, max-age=3600
 

my-blog/static/css/style.css

@@ -201,7 +201,7 @@ a.view-markdown:any-link {
 
 @media (max-width: 1000px) {
     .main-content {
-        padding: 24px 0;
+        padding: 24px 0 !important;
     }
 }
 
@@ -779,13 +779,13 @@ a.view-markdown:any-link {
 
 @media (max-width: 1000px) {
     .main-header {
-        padding: 12px 16px;
+        padding: 12px 16px !important;
     }
     
     .header-content {
-        max-width: 100%;
-        padding: 0 16px;
-        grid-template-columns: 0 1fr auto;
+        max-width: 100% !important;
+        padding: 0 16px !important;
+        grid-template-columns: 0 1fr auto !important;
     }
     
     /* Hide site title text on mobile */

my-blog/static/index.html

@@ -1,3 +1,3 @@
 <!-- OAuth Comment System - Load globally for session management -->
-<script type="module" crossorigin src="/assets/comment-atproto-5XY8iSu2.js"></script>
-<link rel="stylesheet" crossorigin href="/assets/comment-atproto-BNv2pGK8.css">
+<script type="module" crossorigin src="/assets/comment-atproto-Do1JWJCw.js"></script>
+<link rel="stylesheet" crossorigin href="/assets/comment-atproto-CPKYAM8U.css">

my-blog/templates/oauth-assets.html

@@ -1,3 +1,3 @@
 <!-- OAuth Comment System - Load globally for session management -->
-<script type="module" crossorigin src="/assets/comment-atproto-t3YMNO1o.js"></script>
-<link rel="stylesheet" crossorigin href="/assets/comment-atproto-ZAg-o4pg.css">
+<script type="module" crossorigin src="/assets/comment-atproto-Do1JWJCw.js"></script>
+<link rel="stylesheet" crossorigin href="/assets/comment-atproto-CPKYAM8U.css">

oauth/src/App.css

@@ -168,8 +168,8 @@
 }
 
 @media (max-width: 1000px) {
-  .app-main {
-    padding: 0px;
+  .app .app-main {
+    padding: 0px !important;
   }
 }