From e6cba7c6d273b400eb70d10b1cab8a3bcc42b251 Mon Sep 17 00:00:00 2001
From: Kit La Touche <kit@transneptune.net>
Date: Sun, 3 Aug 2025 23:02:37 -0400
Subject: Add preliminary notifications UX in settings area

Not wired up to any server actions yet.
---
 ui/styles/toggles.css | 42 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 ui/styles/toggles.css

(limited to 'ui/styles/toggles.css')

diff --git a/ui/styles/toggles.css b/ui/styles/toggles.css
new file mode 100644
index 0000000..c51d34a
--- /dev/null
+++ b/ui/styles/toggles.css
@@ -0,0 +1,42 @@
+.toggle {
+  position: relative;
+  display: inline-block;
+  width: 2rem;
+  height: 1rem;
+  border: 1px solid var(--colour-navbar-bg);
+  border-radius: 1rem;
+}
+
+.toggle input {
+  display: none;
+}
+
+.slider {
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: #bbb;
+  transition: 0.4s;
+  border-radius: 1rem;
+}
+
+.slider:before {
+  position: absolute;
+  content: "";
+  height: 1rem;
+  width: 1rem;
+  background-color: #fff;
+  transition: 0.4s;
+  border-radius: 50%;
+}
+
+input:checked + .slider {
+  background-color: var(--colour-navbar-bg);
+}
+
+input:checked + .slider:before {
+  transform: translateX(1rem);
+}
-- 
cgit v1.2.3