mirror of
https://github.com/logos-storage/logos-storage-marketplace-ui.git
synced 2026-01-14 11:23:09 +00:00
72 lines
1.1 KiB
CSS
72 lines
1.1 KiB
CSS
.availability-form {
|
|
input {
|
|
width: 100%;
|
|
font-family: Inter;
|
|
font-size: 24px;
|
|
font-weight: 500;
|
|
line-height: 32px;
|
|
letter-spacing: -0.015em;
|
|
width: 100%;
|
|
}
|
|
|
|
option {
|
|
background-color: #232323;
|
|
}
|
|
|
|
header {
|
|
margin-top: 16px;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.row {
|
|
margin-bottom: 16px;
|
|
|
|
@media screen and (max-width: 800px) {
|
|
& {
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
}
|
|
|
|
.group {
|
|
position: relative;
|
|
flex: 1;
|
|
margin-top: 16px;
|
|
|
|
&[aria-invalid] {
|
|
.input-group > div > div > div:nth-child(2) {
|
|
border-color: var(--codex-input-color-error);
|
|
}
|
|
|
|
label,
|
|
svg,
|
|
select {
|
|
color: var(--codex-input-color-error);
|
|
}
|
|
}
|
|
}
|
|
|
|
.tooltip {
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 0px;
|
|
}
|
|
|
|
.input-group p {
|
|
max-width: inherit;
|
|
position: relative;
|
|
|
|
a {
|
|
cursor: pointer;
|
|
color: var(--codex-color-primary);
|
|
top: 4px;
|
|
right: 4px;
|
|
position: absolute;
|
|
}
|
|
}
|
|
|
|
select {
|
|
min-width: min-content;
|
|
}
|
|
}
|