From a5e7e48fea7308acafae6d42ae4ec6e4e598fde1 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Wed, 14 Jan 2026 02:51:02 +0000
Subject: [PATCH] Fix lint:tailwind-brackets errors by using design tokens

Replaced arbitrary Tailwind values with standard design tokens in HTML files to pass the linting checks:
- `components/upload-modal.html`: Replaced `text-[10px]` with `text-4xs` (approx. 10.4px).
- `views/channel-profile.html`: Replaced `max-sm:text-[0.7rem]` with `max-sm:text-2xs` (0.7rem).
- `views/channel-profile.html`: Replaced `max-sm:h-[3.2rem]` and `max-sm:w-[3.2rem]` with `max-sm:h-12` and `max-sm:w-12` (standard 3rem/48px spacing).
---
 components/upload-modal.html | 4 ++--
 views/channel-profile.html   | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/upload-modal.html b/components/upload-modal.html
index 6d19c2ba..a22e1bc3 100644
--- a/components/upload-modal.html
+++ b/components/upload-modal.html
@@ -153,7 +153,7 @@
                                     Copy
                                 </button>
                             </div>
-                            <p class="text-[10px] text-muted">Create a bucket with this exact name in Cloudflare R2.</p>
+                            <p class="text-4xs text-muted">Create a bucket with this exact name in Cloudflare R2.</p>
                         </div>
 
                         <!-- Step 1: Credentials -->
@@ -182,7 +182,7 @@
                             <div class="space-y-1">
                                 <label for="input-r2-domain" class="text-xs font-medium text-text">Public Bucket URL</label>
                                 <input id="input-r2-domain" type="text" class="input text-xs" placeholder="https://pub-xxx.r2.dev" />
-                                <p class="text-[10px] text-muted leading-tight">
+                                <p class="text-4xs text-muted leading-tight">
                                     Enable <strong>Public Access</strong> in the Cloudflare dashboard to get your r2.dev URL.
                                 </p>
                             </div>
diff --git a/views/channel-profile.html b/views/channel-profile.html
index 73f15a62..fc4596ab 100644
--- a/views/channel-profile.html
+++ b/views/channel-profile.html
@@ -24,7 +24,7 @@
         ></div>
         <div class="flex items-center">
           <div
-            class="h-16 w-16 overflow-hidden rounded-full border-2 border-border-translucent-bright max-sm:h-[3.2rem] max-sm:w-[3.2rem]"
+            class="h-16 w-16 overflow-hidden rounded-full border-2 border-border-translucent-bright max-sm:h-12 max-sm:w-12"
           >
             <img
               id="channelAvatar"
@@ -35,7 +35,7 @@
         </div>
           <div class="ml-4 text-text">
             <h2 id="channelName" class="text-xl font-bold max-sm:text-base">User Name</h2>
-            <p id="channelNpub" class="text-sm opacity-80 max-sm:text-[0.7rem]">npub...</p>
+            <p id="channelNpub" class="text-sm opacity-80 max-sm:text-2xs">npub...</p>
           </div>
         </div>
       </div>