fix: allow wrapping in footer container (#683)

wojtekmaj · serhalp · web-flow · commit 22169b2f5767 · 2026-02-02T03:43:08.000Z
Co-authored-by: Philippe Serhal &lt;philippe.serhal@gmail.com&gt;
diff --git a/app/components/AppFooter.vue b/app/components/AppFooter.vue
@@ -7,7 +7,7 @@ const isHome = computed(() => route.name === 'index')
   <footer class="border-t border-border mt-auto">
     <div class="container py-3 sm:py-8 flex flex-col gap-2 sm:gap-4 text-fg-subtle text-sm">
       <div
-        class="flex flex-col sm:flex-row items-center sm:items-baseline justify-between gap-2 sm:gap-4"
+        class="flex flex-col sm:flex-row sm:flex-wrap items-center sm:items-baseline justify-between gap-2 sm:gap-4"
       >
         <div>
           <p class="font-mono text-balance m-0 hidden sm:block">{{ $t('tagline') }}</p>

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@ const isHome = computed(() => route.name === 'index')`
`7`	`7`	`<footer class="border-t border-border mt-auto">`
`8`	`8`	`<div class="container py-3 sm:py-8 flex flex-col gap-2 sm:gap-4 text-fg-subtle text-sm">`
`9`	`9`	`<div`
`10`		`- class="flex flex-col sm:flex-row items-center sm:items-baseline justify-between gap-2 sm:gap-4"`
	`10`	`+ class="flex flex-col sm:flex-row sm:flex-wrap items-center sm:items-baseline justify-between gap-2 sm:gap-4"`
`11`	`11`	`>`
`12`	`12`	`<div>`
`13`	`13`	`<p class="font-mono text-balance m-0 hidden sm:block">{{ $t('tagline') }}</p>`