mirror of
https://github.com/Prowlarr/Prowlarr.git
synced 2026-04-20 22:14:34 -04:00
Chris Sandvik
f69f96695b
* Add a filter bar to the "Add Indexers" modal * Fix stylelint errors * Hide AddIndexerModal alert on small screens
74 lines
1.0 KiB
CSS
74 lines
1.0 KiB
CSS
.indexers {
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.modalBody {
|
|
composes: modalBody from '~Components/Modal/ModalBody.css';
|
|
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.filterInput {
|
|
composes: input from '~Components/Form/TextInput.css';
|
|
|
|
flex: 0 0 auto;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.alert {
|
|
composes: alert from '~Components/Alert.css';
|
|
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.scroller {
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
.filterRow {
|
|
display: flex;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.filterContainer {
|
|
display: flex;
|
|
align-items: stretch;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.filterContainer:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.filterLabel {
|
|
margin-bottom: 3px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
@media only screen and (max-width: $breakpointSmall) {
|
|
.alert {
|
|
display: none;
|
|
}
|
|
|
|
.filterRow {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.filterContainer {
|
|
margin-right: 0;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.scroller {
|
|
margin-right: -30px;
|
|
margin-bottom: -30px;
|
|
margin-left: -30px;
|
|
}
|
|
}
|