Document modal icon sizing reset

This commit is contained in:
thePR0M3TH3AN committed 2025-10-10 09:18:56 -04:00
1 parent e4c899d2e5
commit 94da0c652f
1 file changed
+7 -3
+7 -3
View File
@@ -331,9 +331,13 @@ header img {
}
/*
The modal action buttons inherit tailwind's `.btn-ghost` padding via
`@apply` in tailwind.source.css. Reset the sizing so these icons stay
aligned with the fixed-size back button.
The modal action buttons reuse the shared `.icon-button` primitive which
previously layered Tailwind's `.btn-ghost` helper on top. The helper adds
responsive padding/height rules that collapse when the flex container
tightens, so the glyphs shrank while the back button (a fixed-size button)
stayed stable. Reset every dimension here so the icons always render with
the same 40px square footprint as the back control, regardless of flex
squeezing or inherited ghost styles.
*/
.modal-nav .icon-button {
box-shadow: none;