Improve mobile navigationUnverified
945ccd2 parent: c41402e modified
internal/tmpl/base.html +1 -5 | @@ -3,7 +3,7 @@ | ||
| 3 | 3 | <html lang="en"> |
| 4 | 4 | <head> |
| 5 | 5 | <meta charset="utf-8"> |
| 6 | - <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| 6 | + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | |
| 7 | 7 | <title>Glean</title> |
| 8 | 8 | <script> |
| 9 | 9 | (function(){var p=localStorage.getItem('theme')||'system';var r=p==='system'?(window.matchMedia('(prefers-color-scheme:dark)').matches?'dark':'light'):p;document.documentElement.setAttribute('data-theme',r);var s=localStorage.getItem('shape');if(s)document.documentElement.setAttribute('data-shape',s)})(); |
| @@ -134,10 +134,6 @@ | ||
| 134 | 134 | <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/></svg> |
| 135 | 135 | Trending |
| 136 | 136 | </a> |
| 137 | - <a href="/feeds" class="flex flex-col items-center gap-0.5 {{activeClass .ActivePath "/feeds"}} text-[10px] px-2 py-1"> | |
| 138 | - <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 5c7.18 0 13 5.82 13 13M6 11a7 7 0 017 7m-7-1a1 1 0 11-2 0 1 1 0 012 0z"/></svg> | |
| 139 | - Feeds | |
| 140 | - </a> | |
| 141 | 137 | </div> |
| 142 | 138 | </nav> |
| 143 | 139 | {{end}} |
| @@ -3,7 +3,7 @@ | |||
| 3 | <html lang="en"> | 3 | <html lang="en"> |
| 4 | <head> | 4 | <head> |
| 5 | <meta charset="utf-8"> | 5 | <meta charset="utf-8"> |
| 6 | - <meta name="viewport" content="width=device-width, initial-scale=1"> | 6 | + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
| 7 | <title>Glean</title> | 7 | <title>Glean</title> |
| 8 | <script> | 8 | <script> |
| 9 | (function(){var p=localStorage.getItem('theme')||'system';var r=p==='system'?(window.matchMedia('(prefers-color-scheme:dark)').matches?'dark':'light'):p;document.documentElement.setAttribute('data-theme',r);var s=localStorage.getItem('shape');if(s)document.documentElement.setAttribute('data-shape',s)})(); | 9 | (function(){var p=localStorage.getItem('theme')||'system';var r=p==='system'?(window.matchMedia('(prefers-color-scheme:dark)').matches?'dark':'light'):p;document.documentElement.setAttribute('data-theme',r);var s=localStorage.getItem('shape');if(s)document.documentElement.setAttribute('data-shape',s)})(); |
| @@ -134,10 +134,6 @@ | |||
| 134 | <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/></svg> | 134 | <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/></svg> |
| 135 | Trending | 135 | Trending |
| 136 | </a> | 136 | </a> |
| 137 | - <a href="/feeds" class="flex flex-col items-center gap-0.5 {{activeClass .ActivePath "/feeds"}} text-[10px] px-2 py-1"> | ||
| 138 | - <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 5c7.18 0 13 5.82 13 13M6 11a7 7 0 017 7m-7-1a1 1 0 11-2 0 1 1 0 012 0z"/></svg> | ||
| 139 | - Feeds | ||
| 140 | - </a> | ||
| 141 | </div> | 137 | </div> |
| 142 | </nav> | 138 | </nav> |
| 143 | {{end}} | 139 | {{end}} |
modified
internal/tmpl/profile.html +6 -6 | @@ -9,14 +9,14 @@ | ||
| 9 | 9 | </h1> |
| 10 | 10 | <p class="flex items-center gap-1.5 text-spot-secondary">@{{.ProfileUser.Handle}}<a href="https://bsky.app/profile/{{.ProfileUser.Handle}}" target="_blank" rel="noopener" class="text-spot-secondary hover:text-spot-green transition"><svg class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor">{{template "icon-bluesky"}}</svg></a></p> |
| 11 | 11 | <div class="flex gap-4 mt-3"> |
| 12 | - <div> | |
| 12 | + <a href="/feeds" class="group"> | |
| 13 | 13 | <span class="text-lg font-bold text-spot-text">{{.SubscriptionCount}}</span> |
| 14 | - <span class="text-sm text-spot-secondary ml-1">feeds</span> | |
| 15 | - </div> | |
| 16 | - <div class="border-l border-spot-divider pl-4"> | |
| 14 | + <span class="text-sm text-spot-secondary ml-1 group-hover:text-spot-text transition">feeds</span> | |
| 15 | + </a> | |
| 16 | + <a href="/library" class="border-l border-spot-divider pl-4 group"> | |
| 17 | 17 | <span class="text-lg font-bold text-spot-text">{{.AnnotationCount}}</span> |
| 18 | - <span class="text-sm text-spot-secondary ml-1">annotations</span> | |
| 19 | - </div> | |
| 18 | + <span class="text-sm text-spot-secondary ml-1 group-hover:text-spot-text transition">annotations</span> | |
| 19 | + </a> | |
| 20 | 20 | </div> |
| 21 | 21 | </div> |
| 22 | 22 | </div> |
| @@ -9,14 +9,14 @@ | |||
| 9 | </h1> | 9 | </h1> |
| 10 | <p class="flex items-center gap-1.5 text-spot-secondary">@{{.ProfileUser.Handle}}<a href="https://bsky.app/profile/{{.ProfileUser.Handle}}" target="_blank" rel="noopener" class="text-spot-secondary hover:text-spot-green transition"><svg class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor">{{template "icon-bluesky"}}</svg></a></p> | 10 | <p class="flex items-center gap-1.5 text-spot-secondary">@{{.ProfileUser.Handle}}<a href="https://bsky.app/profile/{{.ProfileUser.Handle}}" target="_blank" rel="noopener" class="text-spot-secondary hover:text-spot-green transition"><svg class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor">{{template "icon-bluesky"}}</svg></a></p> |
| 11 | <div class="flex gap-4 mt-3"> | 11 | <div class="flex gap-4 mt-3"> |
| 12 | - <div> | 12 | + <a href="/feeds" class="group"> |
| 13 | <span class="text-lg font-bold text-spot-text">{{.SubscriptionCount}}</span> | 13 | <span class="text-lg font-bold text-spot-text">{{.SubscriptionCount}}</span> |
| 14 | - <span class="text-sm text-spot-secondary ml-1">feeds</span> | 14 | + <span class="text-sm text-spot-secondary ml-1 group-hover:text-spot-text transition">feeds</span> |
| 15 | - </div> | 15 | + </a> |
| 16 | - <div class="border-l border-spot-divider pl-4"> | 16 | + <a href="/library" class="border-l border-spot-divider pl-4 group"> |
| 17 | <span class="text-lg font-bold text-spot-text">{{.AnnotationCount}}</span> | 17 | <span class="text-lg font-bold text-spot-text">{{.AnnotationCount}}</span> |
| 18 | - <span class="text-sm text-spot-secondary ml-1">annotations</span> | 18 | + <span class="text-sm text-spot-secondary ml-1 group-hover:text-spot-text transition">annotations</span> |
| 19 | - </div> | 19 | + </a> |
| 20 | </div> | 20 | </div> |
| 21 | </div> | 21 | </div> |
| 22 | </div> | 22 | </div> |