fix(ui): make homepage search button square on mobile

NeeshSamsi · NeeshSamsi · commit ff4be8b954b9 · 2026-02-18T23:50:19.000+07:00
icon-only for mobile only breaks auto-detection. Manually override padding on mobile.
diff --git a/app/pages/index.vue b/app/pages/index.vue
@@ -92,7 +92,7 @@ defineOgImageComponent('Default', {
                 <ButtonBase
                   type="submit"
                   variant="primary"
-                  class="absolute inset-ie-2 border-transparent"
+                  class="absolute inset-ie-2 border-transparent max-sm:p-2"
                   classicon="i-lucide:search"
                 >
                   <span class="sr-only sm:not-sr-only">

Original file line number	Diff line number	Diff line change
`@@ -92,7 +92,7 @@ defineOgImageComponent('Default', {`
`92`	`92`	`<ButtonBase`
`93`	`93`	`type="submit"`
`94`	`94`	`variant="primary"`
`95`		`- class="absolute inset-ie-2 border-transparent"`
	`95`	`+ class="absolute inset-ie-2 border-transparent max-sm:p-2"`
`96`	`96`	`classicon="i-lucide:search"`
`97`	`97`	`>`
`98`	`98`	`<span class="sr-only sm:not-sr-only">`