fix: keep icon-only buttons at least one line tall
This commit is contained in:
1 parent
9a8879dfbe
commit
a14c41de4e
1 file changed
+3
@@ -5,10 +5,13 @@
|
||||
@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 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 {
|
||||
@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 {
|
||||
|
||||
Reference in new issue
Block a user