fix: configure min size for btns

alexdln · alexdln · commit e574ce6faaf5 · 2026-03-02T16:06:48.000Z
diff --git a/app/pages/accessibility.vue b/app/pages/accessibility.vue
@@ -27,7 +27,7 @@ const canGoBack = useCanGoBack()
           </h1>
           <button
             type="button"
-            class="cursor-pointer inline-flex items-center gap-2 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded shrink-0"
+            class="cursor-pointer inline-flex items-center gap-2 p-1.5 -mx-1.5 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded shrink-0"
             @click="router.back()"
             v-if="canGoBack"
           >
diff --git a/app/pages/compare.vue b/app/pages/compare.vue
@@ -170,7 +170,7 @@ useSeoMeta({
           </h1>
           <button
             type="button"
-            class="cursor-pointer inline-flex items-center gap-2 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0"
+            class="cursor-pointer inline-flex items-center gap-2 p-1.5 -mx-1.5 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0"
             @click="router.back()"
             v-if="canGoBack"
           >
diff --git a/app/pages/privacy.vue b/app/pages/privacy.vue
@@ -29,7 +29,7 @@ const { locale } = useI18n()
           </h1>
           <button
             type="button"
-            class="cursor-pointer inline-flex items-center gap-2 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0"
+            class="cursor-pointer inline-flex items-center gap-2 p-1.5 -mx-1.5 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0"
             @click="router.back()"
             v-if="canGoBack"
           >
diff --git a/app/pages/recharging.vue b/app/pages/recharging.vue
@@ -76,7 +76,7 @@ const icons = [
           </h1>
           <button
             type="button"
-            class="cursor-pointer inline-flex items-center gap-2 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0"
+            class="cursor-pointer inline-flex items-center gap-2 p-1.5 -mx-1.5 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0"
             @click="router.back()"
             v-if="canGoBack"
           >
diff --git a/app/pages/settings.vue b/app/pages/settings.vue
@@ -53,7 +53,7 @@ const setLocale: typeof setNuxti18nLocale = locale => {
           </h1>
           <button
             type="button"
-            class="cursor-pointer inline-flex items-center gap-2 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0 p-1.5 -mx-1.5"
+            class="cursor-pointer inline-flex items-center gap-2 p-1.5 -mx-1.5 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0"
             @click="router.back()"
             v-if="canGoBack"
           >

Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,7 @@ const canGoBack = useCanGoBack()`
`27`	`27`	`</h1>`
`28`	`28`	`<button`
`29`	`29`	`type="button"`
`30`		`- class="cursor-pointer inline-flex items-center gap-2 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded shrink-0"`
	`30`	`+ class="cursor-pointer inline-flex items-center gap-2 p-1.5 -mx-1.5 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded shrink-0"`
`31`	`31`	`@click="router.back()"`
`32`	`32`	`v-if="canGoBack"`
`33`	`33`	`>`
Original file line number	Diff line number	Diff line change
`@@ -170,7 +170,7 @@ useSeoMeta({`
`170`	`170`	`</h1>`
`171`	`171`	`<button`
`172`	`172`	`type="button"`
`173`		`- class="cursor-pointer inline-flex items-center gap-2 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0"`
	`173`	`+ class="cursor-pointer inline-flex items-center gap-2 p-1.5 -mx-1.5 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0"`
`174`	`174`	`@click="router.back()"`
`175`	`175`	`v-if="canGoBack"`
`176`	`176`	`>`
Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,7 @@ const { locale } = useI18n()`
`29`	`29`	`</h1>`
`30`	`30`	`<button`
`31`	`31`	`type="button"`
`32`		`- class="cursor-pointer inline-flex items-center gap-2 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0"`
	`32`	`+ class="cursor-pointer inline-flex items-center gap-2 p-1.5 -mx-1.5 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0"`
`33`	`33`	`@click="router.back()"`
`34`	`34`	`v-if="canGoBack"`
`35`	`35`	`>`
Original file line number	Diff line number	Diff line change
`@@ -76,7 +76,7 @@ const icons = [`
`76`	`76`	`</h1>`
`77`	`77`	`<button`
`78`	`78`	`type="button"`
`79`		`- class="cursor-pointer inline-flex items-center gap-2 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0"`
	`79`	`+ class="cursor-pointer inline-flex items-center gap-2 p-1.5 -mx-1.5 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0"`
`80`	`80`	`@click="router.back()"`
`81`	`81`	`v-if="canGoBack"`
`82`	`82`	`>`
Original file line number	Diff line number	Diff line change
`@@ -53,7 +53,7 @@ const setLocale: typeof setNuxti18nLocale = locale => {`
`53`	`53`	`</h1>`
`54`	`54`	`<button`
`55`	`55`	`type="button"`
`56`		`- class="cursor-pointer inline-flex items-center gap-2 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0 p-1.5 -mx-1.5"`
	`56`	`+ class="cursor-pointer inline-flex items-center gap-2 p-1.5 -mx-1.5 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0"`
`57`	`57`	`@click="router.back()"`
`58`	`58`	`v-if="canGoBack"`
`59`	`59`	`>`