Change input and alert style
This commit is contained in:
parent
5cf3f82e06
commit
4f4dcee87d
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue