extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2025-02-01 19:09:51 +01:00
Code Issues Packages Projects Releases Wiki Activity

improve alert padding

Browse Source
This commit is contained in:
zombieFox 2021-08-27 13:08:04 +01:00
parent 654253ead7
commit 0680339c83
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/component/alert/index.css
View File

@ -16,7 +16,7 @@
.alert-header { .alert-header {
background-color: hsl(var(--alert-header-background)); background-color: hsl(var(--alert-header-background));
padding: calc((var(--alert-space) / 4) * 1em) calc((var(--alert-space) / 4) * 1.5em) calc((var(--alert-space) / 4) * 1em) calc(((var(--alert-space) / 4) * 1.5em) + (var(--theme-radius) / 100) * 0.1em); padding: calc((var(--alert-space) / 4) * 1em) calc((var(--alert-space) / 4) * 1em) calc((var(--alert-space) / 4) * 1em) calc(((var(--alert-space) / 4) * 1em) + (var(--theme-radius) / 100) * 0.1em);
border-top-left-radius: calc(var(--theme-radius) * 0.01em); border-top-left-radius: calc(var(--theme-radius) * 0.01em);
border-bottom-left-radius: calc(var(--theme-radius) * 0.01em); border-bottom-left-radius: calc(var(--theme-radius) * 0.01em);
display: flex; display: flex;
@ -29,7 +29,7 @@
background-color: hsl(var(--alert-body-background)); background-color: hsl(var(--alert-body-background));
border-top-right-radius: calc(var(--theme-radius) * 0.01em); border-top-right-radius: calc(var(--theme-radius) * 0.01em);
border-bottom-right-radius: calc(var(--theme-radius) * 0.01em); border-bottom-right-radius: calc(var(--theme-radius) * 0.01em);
padding: calc((var(--alert-space) / 4) * 1em) calc(((var(--alert-space) / 4) * 1.5em) + (var(--theme-radius) / 100) * 0.1em) calc((var(--alert-space) / 4) * 1em) calc((var(--alert-space) / 4) * 1.5em); padding: calc((var(--alert-space) / 4) * 1em) calc(((var(--alert-space) / 4) * 1em) + (var(--theme-radius) / 100) * 0.1em) calc((var(--alert-space) / 4) * 1em) calc((var(--alert-space) / 4) * 1em);
flex-grow: 1; flex-grow: 1;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -39,7 +39,7 @@
.alert-body:only-child { .alert-body:only-child {
border-radius: calc(var(--theme-radius) * 0.01em); border-radius: calc(var(--theme-radius) * 0.01em);
padding: calc((var(--alert-space) / 4) * 1em) calc(((var(--alert-space) / 4) * 1.5em) + (var(--theme-radius) / 100) * 0.1em); padding: calc((var(--alert-space) / 4) * 1em) calc(((var(--alert-space) / 4) * 1em) + (var(--theme-radius) / 100) * 0.1em);
} }
.alert-icon { .alert-icon {