M static/styles.css => static/styles.css +16 -0
@@ 581,6 581,10 @@ video {
max-width: 56rem;
}
+.flex-row-reverse {
+ flex-direction: row-reverse;
+}
+
.flex-col {
flex-direction: column;
}
@@ 670,6 674,18 @@ video {
padding: 1rem;
}
+.pl-2 {
+ padding-left: 0.5rem;
+}
+
+.pr-4 {
+ padding-right: 1rem;
+}
+
+.pl-4 {
+ padding-left: 1rem;
+}
+
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
M template/templates/common/base.tmpl => template/templates/common/base.tmpl +5 -2
@@ 23,13 23,16 @@
Tixë
</a>
</div>
- <div class="flex w-full">
+ <div class="flex flex-row-reverse w-full pr-4">
+ {{ if eq .notauthed nil }}
+ <a class="hover:underline" href="/tags">tags</a>
+ {{ end }}
</div>
<div class="flex flex-col min-w-max">
{{ if eq .notauthed true }}
Not logged in
{{ else if ne .user nil }}
- <div class="group">
+ <div class="group w-fit">
<div class="group-hover:animate-wiggle">
<a class="font-bold animate-starshoot1 hover:underline" href="/settings">{{ .user.DisplayName }}</a>
</div>