codex-storage
/
codex-marketplace-ui-components
mirror of https://github.com/codex-storage/codex-marketplace-ui-components.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Change input and alert style

This commit is contained in:
Arnaud 2024-11-04 15:39:29 +01:00
parent 5cf3f82e06
commit 4f4dcee87d
No known key found for this signature in database
GPG Key ID: 69D6CE281FCAE663
3 changed files with 7 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Alert/alert.css
View File

@ -1,5 +1,5 @@
.alert {
border-top: 2px solid rgb(var(--codex-alert-color));
border-bottom: 2px solid rgb(var(--codex-alert-color));
background-color: rgba(var(--codex-alert-color), 0.1);
color: 1px solid var(--codex-alert-color);
border-radius: var(--codex-border-radius);
@ -17,17 +17,14 @@
}
span {
background: rgba(var(--codex-alert-color), 0.2);
border-radius: 75px;
height: 1.75rem;
min-width: 1.75rem;
height: 20px;
min-width: 20px;
display: flex;
justify-content: center;
align-items: center;
span {
display: flex;
width: 1rem;
color: rgb(var(--codex-alert-color));
}
}
@ -38,5 +35,7 @@
&.alert--warning {
--codex-alert-color: var(--codex-color-warning);
background-color: #fbc64b33;
border-color: #ffc800;
}
}

2
src/components/Input/input.css
View File

@ -8,7 +8,7 @@
}
input {
background-color: var(--codex-input-background);
background-color: #14141499;
color: white;
border-radius: var(--codex-border-radius);
border: 1px solid var(--codex-input-border-color);

5
src/components/Upload/upload.css
View File

@ -1,9 +1,6 @@
.upload {
border: 1px dashed var(--codex-border-color);
background-color: var(
--codex-upload-background,
var(--codex-background-secondary)
);
background-color: #14141499;
min-height: 150px;
border-radius: var(--codex-border-radius);
justify-content: space-between;