added filters

Fully implemented (I think? Maybe there's an edge case?), albeit it's
missing "Updateable" and "Installed" filters, but they'll be added later

1 files changed, 43 insertions, 0 deletions

diff --git a/src/app/main.css b/src/app/main.css
index 18afc41..bd52df1 100644
--- a/src/app/main.css
+++ b/src/app/main.css
@@ -236,6 +236,49 @@ button {
 	justify-content: space-between;
 }
 
+.popup .overlay {
+	z-index: 1;
+	color: white;
+	opacity: 0.0;
+	position: fixed;
+	pointer-events: none;
+	transform: scale(0.9);
+	background: var(--selbg);
+	backdrop-filter: blur(15px);
+	transition: 0.15s ease-in-out;
+	padding: calc(var(--spacing) / 2);
+	border-radius: calc(var(--spacing) / 2);
+}
+
+.popup .overlay.shown {
+	opacity: 1.0;
+	pointer-events: all;
+	transform: scale(1.0);
+}
+
+.checks {
+}
+
+.check {
+	display:flex;
+	cursor: pointer;
+}
+
+.check::before {
+	width: 1em;
+	height: 1em;
+	content: " ";
+	filter: brightness(1.3);
+	background: var(--selbg);
+	transition: 0.15s ease-in-out;
+	margin-right: calc(var(--spacing) / 3);
+	border-radius: calc(var(--spacing) / 4);
+}
+
+.check.checked::before {
+	background: rgb(var(--red));
+}
+
 .option .text {font-weight: 600}
 .option .text .desc {
 	opacity: 0.8;