Skip to content

Commit 440b5a1

Browse files
committed
fix(ui): stack footer attribution above links
Replace single flex-wrap row with flex-col layout so the 'Made with' line always sits above the Privacy/Security/Source/License links, avoiding awkward mid-row wrapping on narrow viewports.
1 parent 5e421e5 commit 440b5a1

1 file changed

Lines changed: 28 additions & 27 deletions

File tree

src/routes/+layout.svelte

Lines changed: 28 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -97,34 +97,35 @@
9797
</main>
9898

9999
<footer class="px-6 py-4">
100-
<div class="mx-auto flex max-w-5xl flex-wrap items-center justify-center gap-x-3 gap-y-1 text-[10px] text-neutral-400 dark:text-neutral-600">
101-
<a href="/privacy" class="transition-colors hover:text-neutral-600 dark:hover:text-neutral-400">Privacy</a>
102-
<span aria-hidden="true">&middot;</span>
103-
<a
104-
href="https://github.com/kellenmurphy/samlguy/security"
105-
target="_blank"
106-
rel="noopener noreferrer"
107-
class="transition-colors hover:text-neutral-600 dark:hover:text-neutral-400"
108-
>Security</a
109-
>
110-
<span aria-hidden="true">&middot;</span>
100+
<div class="mx-auto flex max-w-5xl flex-col items-center gap-y-1 text-[10px] text-neutral-400 dark:text-neutral-600">
111101
<span>Made with ♥ by <a href="https://kellenmurphy.com" class="transition-colors hover:text-neutral-600 dark:hover:text-neutral-400">The SAML Guy</a></span>
112-
<span aria-hidden="true">&middot;</span>
113-
<a
114-
href="https://github.com/kellenmurphy/samlguy"
115-
target="_blank"
116-
rel="noopener noreferrer"
117-
class="transition-colors hover:text-neutral-600 dark:hover:text-neutral-400"
118-
>Source</a
119-
>
120-
<span aria-hidden="true">&middot;</span>
121-
<a
122-
href="https://github.com/kellenmurphy/samlguy/blob/main/LICENSE"
123-
target="_blank"
124-
rel="noopener noreferrer"
125-
class="transition-colors hover:text-neutral-600 dark:hover:text-neutral-400"
126-
>MIT License</a
127-
>
102+
<div class="flex items-center gap-x-3">
103+
<a href="/privacy" class="transition-colors hover:text-neutral-600 dark:hover:text-neutral-400">Privacy</a>
104+
<span aria-hidden="true">&middot;</span>
105+
<a
106+
href="https://github.com/kellenmurphy/samlguy/security"
107+
target="_blank"
108+
rel="noopener noreferrer"
109+
class="transition-colors hover:text-neutral-600 dark:hover:text-neutral-400"
110+
>Security</a
111+
>
112+
<span aria-hidden="true">&middot;</span>
113+
<a
114+
href="https://github.com/kellenmurphy/samlguy"
115+
target="_blank"
116+
rel="noopener noreferrer"
117+
class="transition-colors hover:text-neutral-600 dark:hover:text-neutral-400"
118+
>Source</a
119+
>
120+
<span aria-hidden="true">&middot;</span>
121+
<a
122+
href="https://github.com/kellenmurphy/samlguy/blob/main/LICENSE"
123+
target="_blank"
124+
rel="noopener noreferrer"
125+
class="transition-colors hover:text-neutral-600 dark:hover:text-neutral-400"
126+
>MIT License</a
127+
>
128+
</div>
128129
</div>
129130
</footer>
130131
</div>

0 commit comments

Comments
 (0)