Added divider in alerts overview filters.
This commit is contained in:
@@ -20,7 +20,7 @@
|
||||
placeholder="Search alerts"
|
||||
>
|
||||
|
||||
<div class="filters-filters">
|
||||
<div class="filters-section">
|
||||
<Icon
|
||||
icon="star"
|
||||
title="Only show actor alerts"
|
||||
@@ -52,11 +52,13 @@
|
||||
:class="{ active: filterExpressions }"
|
||||
@click="filterExpressions = !filterExpressions"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="filters-section">
|
||||
<Icon
|
||||
icon="target3"
|
||||
title="Only show uncombined alerts"
|
||||
class="noselect uncombined"
|
||||
class="noselect filters-uncombined"
|
||||
:class="{ active: filterCombined }"
|
||||
@click="filterCombined = !filterCombined"
|
||||
/>
|
||||
@@ -354,9 +356,13 @@ async function removeAlert(alert) {
|
||||
fill: var(--primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.uncombined {
|
||||
margin-left: .5rem;
|
||||
.filters-section {
|
||||
&:not(:last-child) {
|
||||
padding-right: .5rem;
|
||||
border-right: solid 1px var(--glass-weak-30);
|
||||
margin-right: .5rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user