Improved alert filter UI.

2025-03-13 00:49:09 +01:00
parent 4e15c4ca03
commit 7cebb1bcce
2 changed files with 65 additions and 14 deletions
--- a/components/stashes/heart.vue
+++ b/components/stashes/heart.vue
@@ -5,6 +5,7 @@
 	>
 		<div
 			v-if="showSecondary && !!itemAlerts"
+			class="alert-trigger"
 		>
 			<Icon
 				v-if="itemAlerted"
@@ -360,4 +361,10 @@ async function reloadStashes(newStash) {
 		fill: var(--text-light);
 	}
 }
+
+.alert-trigger:not(:last-child) {
+	padding-right: .25rem;
+	border-right: solid 1px var(--highlight-weak-30);
+	margin-right: .25rem;
+}
 </style>