Adjust filter card
This commit is contained in:
parent
f4822d4366
commit
0dd41c2e02
@ -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%;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user