Add missing input styles (#57)

This commit is contained in:
Geometrically
2023-05-25 17:49:32 -07:00
committed by GitHub
parent 03cfe9bf62
commit bbb2539ace
2 changed files with 44 additions and 1 deletions

View File

@@ -162,6 +162,49 @@
}
}
.input-group {
display: flex;
flex-direction: row;
grid-gap: var(--gap-sm);
flex-wrap: wrap;
max-width: 100%;
align-items: center;
.multiselect {
width: 15rem;
}
input {
flex-shrink: 2;
}
&.shrink-first {
:first-child {
flex-shrink: 2;
flex-grow: 1;
flex-basis: min-content;
}
:not(:first-child) {
flex-shrink: 1;
}
}
}
.input-stack {
display: flex;
flex-direction: column;
> * {
margin-bottom: var(--gap-md);
}
> .multiselect {
width: unset;
height: inherit;
}
}
.standard-body {
:last-child {
margin-bottom: 0;