From c29bdd4a9ec782411f57e3c798e1bb01ca7d417d Mon Sep 17 00:00:00 2001
From: Jake Mannens <jake@asger.xyz>
Date: Sun, 20 Aug 2023 22:59:09 +1000
Subject: NSFW tagging and tag editing

---
 Pages/Component/Switch.razor.css | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 Pages/Component/Switch.razor.css

(limited to 'Pages/Component/Switch.razor.css')

diff --git a/Pages/Component/Switch.razor.css b/Pages/Component/Switch.razor.css
new file mode 100644
index 0000000..076b5d1
--- /dev/null
+++ b/Pages/Component/Switch.razor.css
@@ -0,0 +1,24 @@
+div.switch-outer {
+    background:    var(--col-switch-bg);
+    border-radius: 20px;
+    border:        1px solid var(--col-switch-fg);
+    height:        20px;
+    transition:    background 0.1s linear;
+    width:         40px;
+}
+
+div.switch-inner {
+    background:    var(--col-switch-fg);
+    border-radius: 20px;
+    height:        20px;
+    transition:    margin-left 0.1s linear;
+    width:         20px;
+}
+
+input:checked + div.switch-outer {
+    background: var(--col-switch-bg-hl);
+}
+
+input:checked + div.switch-outer > div.switch-inner {
+    margin-left: 20px;
+}
-- 
cgit v1.3