Fix Bluesky icon scaling and alignment in article detailUnverified
a4c19e5 parent: ffa0890 modified
internal/tmpl/article_detail.html +1 -1 | @@ -47,7 +47,7 @@ | ||
| 47 | 47 | <a href="https://bsky.app/intent/compose?text={{.Article.Title}}%20{{.Article.URL.String}}" |
| 48 | 48 | target="_blank" rel="noopener noreferrer" |
| 49 | 49 | class="border border-spot-outline text-spot-text rounded-pill px-4 py-1.5 text-xs font-bold uppercase tracking-button hover:border-spot-text transition inline-flex items-center gap-1.5"> |
| 50 | - <span class="w-3.5 h-3.5 inline-flex">{{template "icon-bluesky"}}</span> | |
| 50 | + <span class="w-3.5 h-3.5 inline-flex shrink-0">{{template "icon-bluesky"}}</span> | |
| 51 | 51 | Share |
| 52 | 52 | </a> |
| 53 | 53 | {{end}} |
| @@ -47,7 +47,7 @@ | |||
| 47 | <a href="https://bsky.app/intent/compose?text={{.Article.Title}}%20{{.Article.URL.String}}" | 47 | <a href="https://bsky.app/intent/compose?text={{.Article.Title}}%20{{.Article.URL.String}}" |
| 48 | target="_blank" rel="noopener noreferrer" | 48 | target="_blank" rel="noopener noreferrer" |
| 49 | class="border border-spot-outline text-spot-text rounded-pill px-4 py-1.5 text-xs font-bold uppercase tracking-button hover:border-spot-text transition inline-flex items-center gap-1.5"> | 49 | class="border border-spot-outline text-spot-text rounded-pill px-4 py-1.5 text-xs font-bold uppercase tracking-button hover:border-spot-text transition inline-flex items-center gap-1.5"> |
| 50 | - <span class="w-3.5 h-3.5 inline-flex">{{template "icon-bluesky"}}</span> | 50 | + <span class="w-3.5 h-3.5 inline-flex shrink-0">{{template "icon-bluesky"}}</span> |
| 51 | Share | 51 | Share |
| 52 | </a> | 52 | </a> |
| 53 | {{end}} | 53 | {{end}} |
modified
internal/tmpl/login.html +1 -1 | @@ -17,7 +17,7 @@ | ||
| 17 | 17 | <div class="space-y-3"> |
| 18 | 18 | <button type="submit" form="login-form" |
| 19 | 19 | class="w-full flex items-center justify-center gap-3 bg-[#0284FF] text-white rounded-pill px-4 py-3 text-sm font-bold uppercase tracking-button hover:brightness-110 transition"> |
| 20 | - {{template "icon-bluesky"}} | |
| 20 | + <span class="w-5 h-5">{{template "icon-bluesky"}}</span> | |
| 21 | 21 | Sign in with Bluesky |
| 22 | 22 | </button> |
| 23 | 23 | |
| @@ -17,7 +17,7 @@ | |||
| 17 | <div class="space-y-3"> | 17 | <div class="space-y-3"> |
| 18 | <button type="submit" form="login-form" | 18 | <button type="submit" form="login-form" |
| 19 | class="w-full flex items-center justify-center gap-3 bg-[#0284FF] text-white rounded-pill px-4 py-3 text-sm font-bold uppercase tracking-button hover:brightness-110 transition"> | 19 | class="w-full flex items-center justify-center gap-3 bg-[#0284FF] text-white rounded-pill px-4 py-3 text-sm font-bold uppercase tracking-button hover:brightness-110 transition"> |
| 20 | - {{template "icon-bluesky"}} | 20 | + <span class="w-5 h-5">{{template "icon-bluesky"}}</span> |
| 21 | Sign in with Bluesky | 21 | Sign in with Bluesky |
| 22 | </button> | 22 | </button> |
| 23 | 23 | ||
modified
internal/tmpl/partials/icon-bluesky.html +1 -1 | @@ -1 +1 @@ | ||
| 1 | -{{define "icon-bluesky"}}<svg class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor"><path d="M5.202 2.857C7.954 4.922 10.913 9.11 12 11.358c1.087-2.247 4.046-6.436 6.798-8.501C20.783 1.366 24 .213 24 3.883c0 .732-.42 6.156-.667 7.037-.856 3.061-3.978 3.842-6.755 3.37 4.854.826 6.089 3.562 3.422 6.299-5.065 5.196-7.28-1.304-7.847-2.97-.104-.305-.152-.448-.153-.327 0-.121-.05.022-.153.327-.568 1.666-2.782 8.166-7.847 2.97-2.667-2.737-1.432-5.473 3.422-6.3-2.777.473-5.899-.308-6.755-3.369C.42 10.04 0 4.615 0 3.883c0-3.67 3.217-2.517 5.202-1.026"/></svg>{{end}} | |
| 1 | +{{define "icon-bluesky"}}<svg viewBox="0 0 24 24" fill="currentColor"><path d="M5.202 2.857C7.954 4.922 10.913 9.11 12 11.358c1.087-2.247 4.046-6.436 6.798-8.501C20.783 1.366 24 .213 24 3.883c0 .732-.42 6.156-.667 7.037-.856 3.061-3.978 3.842-6.755 3.37 4.854.826 6.089 3.562 3.422 6.299-5.065 5.196-7.28-1.304-7.847-2.97-.104-.305-.152-.448-.153-.327 0-.121-.05.022-.153.327-.568 1.666-2.782 8.166-7.847 2.97-2.667-2.737-1.432-5.473 3.422-6.3-2.777.473-5.899-.308-6.755-3.369C.42 10.04 0 4.615 0 3.883c0-3.67 3.217-2.517 5.202-1.026"/></svg>{{end}} | |
| @@ -1 +1 @@ | |||
| 1 | -{{define "icon-bluesky"}}<svg class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor"><path d="M5.202 2.857C7.954 4.922 10.913 9.11 12 11.358c1.087-2.247 4.046-6.436 6.798-8.501C20.783 1.366 24 .213 24 3.883c0 .732-.42 6.156-.667 7.037-.856 3.061-3.978 3.842-6.755 3.37 4.854.826 6.089 3.562 3.422 6.299-5.065 5.196-7.28-1.304-7.847-2.97-.104-.305-.152-.448-.153-.327 0-.121-.05.022-.153.327-.568 1.666-2.782 8.166-7.847 2.97-2.667-2.737-1.432-5.473 3.422-6.3-2.777.473-5.899-.308-6.755-3.369C.42 10.04 0 4.615 0 3.883c0-3.67 3.217-2.517 5.202-1.026"/></svg>{{end}} | 1 | +{{define "icon-bluesky"}}<svg viewBox="0 0 24 24" fill="currentColor"><path d="M5.202 2.857C7.954 4.922 10.913 9.11 12 11.358c1.087-2.247 4.046-6.436 6.798-8.501C20.783 1.366 24 .213 24 3.883c0 .732-.42 6.156-.667 7.037-.856 3.061-3.978 3.842-6.755 3.37 4.854.826 6.089 3.562 3.422 6.299-5.065 5.196-7.28-1.304-7.847-2.97-.104-.305-.152-.448-.153-.327 0-.121-.05.022-.153.327-.568 1.666-2.782 8.166-7.847 2.97-2.667-2.737-1.432-5.473 3.422-6.3-2.777.473-5.899-.308-6.755-3.369C.42 10.04 0 4.615 0 3.883c0-3.67 3.217-2.517 5.202-1.026"/></svg>{{end}} |