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).
This commit is contained in:
google-labs-jules[bot] committed 2026-01-14 02:51:02 +00:00
1 parent 560da42081
commit a5e7e48fea
2 files changed
+4 -4

No files matched your search

+2 -2
View File
@@ -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>
+2 -2
View File
@@ -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>