paulononato/backstage
1
0
Fork 0
Code Issues Pull Requests Actions 45 Packages Projects Releases Wiki Activity

Add borders

Browse Source 
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
This commit is contained in:
Charles de Dreuille
2026-01-26 10:04:09 +00:00
parent 508bd1adbf
commit d79d0d117d
2 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/Alert/Alert.module.css
+7 -1
View File
@@ -21,13 +21,15 @@
--loading-duration: 200ms;
--alert-bg: var(--bui-bg-surface-1);
--alert-fg: var(--bui-fg-primary);
--alert-border: var(--bui-border);
position: relative;
display: flex;
align-items: flex-start;
gap: var(--bui-space-3);
padding: var(--bui-space-3) var(--bui-space-4);
border-radius: var(--bui-radius-2);
border-radius: var(--bui-radius-3);
border: 1px solid var(--alert-border);
font-family: var(--bui-font-regular);
font-size: var(--bui-font-size-3);
line-height: 1.5;
@@ -45,21 +47,25 @@
.bui-Alert[data-status='info'] {
--alert-bg: var(--bui-bg-surface-1);
--alert-fg: var(--bui-fg-primary);
--alert-border: var(--bui-border-info);
}
.bui-Alert[data-status='success'] {
--alert-bg: var(--bui-bg-success);
--alert-fg: var(--bui-fg-success);
--alert-border: var(--bui-border-success);
}
.bui-Alert[data-status='warning'] {
--alert-bg: var(--bui-bg-warning);
--alert-fg: var(--bui-fg-warning);
--alert-border: var(--bui-border-warning);
}
.bui-Alert[data-status='danger'] {
--alert-bg: var(--bui-bg-danger);
--alert-fg: var(--bui-fg-danger);
--alert-border: var(--bui-border-danger);
}
.bui-AlertIcon {
packages/ui/src/css/tokens.css
+2
View File
@@ -137,6 +137,7 @@
--bui-border-hover: rgba(0, 0, 0, 0.2);
--bui-border-pressed: rgba(0, 0, 0, 0.4);
--bui-border-disabled: rgba(0, 0, 0, 0.1);
--bui-border-info: #7ea9d6;
--bui-border-danger: #f87a7a;
--bui-border-warning: #e36d05;
--bui-border-success: #53db83;
@@ -222,6 +223,7 @@
--bui-border-hover: rgba(255, 255, 255, 0.4);
--bui-border-pressed: rgba(255, 255, 255, 0.5);
--bui-border-disabled: rgba(255, 255, 255, 0.2);
--bui-border-info: #7ea9d6;
--bui-border-danger: #f87a7a;
--bui-border-warning: #e36d05;
--bui-border-success: #53db83;