DebaucheryLibrarian
/
traxxx-web
1
1
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Added divider in alerts overview filters.

This commit is contained in:
DebaucheryLibrarian 2025-03-09 06:50:16 +01:00
parent 43efc440ba
commit 45ba0b8ebc
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
components/alerts/alerts.vue
View File

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