@jelinek/ui 0.5.2 → 0.5.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -109,9 +109,12 @@
|
|
|
109
109
|
|
|
110
110
|
// h-full so tiles in a CSS-grid row equalise: the grid stretches the
|
|
111
111
|
// wrapper, and the button must follow it — otherwise a two-line label
|
|
112
|
-
// makes one tile taller and its row neighbours look ragged.
|
|
112
|
+
// makes one tile taller and its row neighbours look ragged. flex-col
|
|
113
|
+
// because a stretched <button> vertically centres its content by
|
|
114
|
+
// default — the label of a short tile would float mid-cell instead of
|
|
115
|
+
// starting at the same height as its neighbours'.
|
|
113
116
|
const BASE =
|
|
114
|
-
'h-full w-full cursor-pointer rounded-card border-2 bg-surface text-left ' +
|
|
117
|
+
'flex h-full w-full cursor-pointer flex-col rounded-card border-2 bg-surface text-left ' +
|
|
115
118
|
'font-secondary font-light text-fg ' +
|
|
116
119
|
'transition-[border-color,box-shadow] duration-[var(--dur-base)] ease-[var(--ease)]';
|
|
117
120
|
|