Adjust filter card

This commit is contained in:
rxdn 2022-07-26 12:17:38 +01:00
parent f4822d4366
commit 0dd41c2e02

View File

@ -1,6 +1,6 @@
<div class="content"> <div class="content">
<div class="col"> <div class="col">
<Card footer={false} ref="filter-card"> <Card footer footerRight ref="filter-card">
<span slot="title"> <span slot="title">
<i class="fas fa-filter"></i> <i class="fas fa-filter"></i>
Filter Logs Filter Logs
@ -23,7 +23,7 @@
<PanelDropdown label="Panel" isMulti={false} bind:panels bind:selected={selectedPanel} /> <PanelDropdown label="Panel" isMulti={false} bind:panels bind:selected={selectedPanel} />
</div> </div>
<Dropdown col4={true} label="Rating" bind:value={filterSettings.rating}> <Dropdown label="Rating" bind:value={filterSettings.rating}>
<option value=0>Any</option> <option value=0>Any</option>
<option value=1>1 ⭐</option> <option value=1>1 ⭐</option>
<option value=2>2 ⭐</option> <option value=2>2 ⭐</option>
@ -32,11 +32,11 @@
<option value=5>5 ⭐</option> <option value=5>5 ⭐</option>
</Dropdown> </Dropdown>
</div> </div>
<div class="row centre">
<Button icon="fas fa-search">Filter</Button>
</div>
</form> </form>
</div> </div>
<div slot="footer">
<Button icon="fas fa-search">Filter</Button>
</div>
</Card> </Card>
<div style="margin: 2% 0;"> <div style="margin: 2% 0;">
@ -257,7 +257,8 @@
.row { .row {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: flex-start;
gap: 2%;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }