EP/myep
4
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: keep icon-only buttons at least one line tall

Browse Source
This commit is contained in:
fromme committed 2026-10-06 11:22:54 +02:00
1 parent 9a8879dfbe
commit a14c41de4e
1 file changed
+3
Download Patch File Download Diff File Expand all files Collapse all files
assets/styles/components/button.css
+3
View File
@@ -5,10 +5,13 @@
@apply uppercase text-center text-sm/6 md:text-base/6; @apply uppercase text-center text-sm/6 md:text-base/6;
@apply transition-colors outline-none focus:outline-2 focus:outline-offset-2 focus:outline-primary-dark; @apply transition-colors outline-none focus:outline-2 focus:outline-offset-2 focus:outline-primary-dark;
@apply rounded-md; @apply rounded-md;
/* At least one line tall even when the content is only a smaller icon: line + padding + border */
min-height: calc(1lh + 2 * theme('spacing.2') + 2px);
} }
.button--small { .button--small {
@apply px-2 py-1 md:px-4 text-xs/6 sm:text-sm/6; @apply px-2 py-1 md:px-4 text-xs/6 sm:text-sm/6;
min-height: calc(1lh + 2 * theme('spacing.1') + 2px);
} }
.button--primary { .button--primary {