floscr/clj-ui-framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(alert): vertically center alert content

Browse Source 
Add align-items: center to .alert flex container and remove bottom
margin from .alert-title that was offsetting the text.
This commit is contained in:
Florian Schroedl
2026-03-03 12:00:08 +01:00
parent b3da46ac02
commit 398811305c
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/ui/alert.css
View File

@@ -1,6 +1,7 @@
.alert { .alert {
position: relative; position: relative;
display: flex; display: flex;
align-items: center;
gap: var(--size-3); gap: var(--size-3);
padding: var(--size-4) var(--size-6); padding: var(--size-4) var(--size-6);
background: var(--bg-1); background: var(--bg-1);
@@ -11,7 +12,7 @@
.alert-title { .alert-title {
font-weight: 600; font-weight: 600;
margin: 0 0 var(--size-1) 0; margin: 0;
} }
.alert-body { .alert-body {