From 25228df6d13b5e8541672c4cdd84e200ff56a4c4 Mon Sep 17 00:00:00 2001
From: Nathan Reiner <nathan@nathanreiner.xyz>
Date: Wed, 19 Nov 2025 18:58:54 +0100
Subject: add profile settings to backend and add image loader

---
 static/widgets/image/index.css | 59 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 59 insertions(+)
 create mode 100644 static/widgets/image/index.css

(limited to 'static/widgets/image/index.css')

diff --git a/static/widgets/image/index.css b/static/widgets/image/index.css
new file mode 100644
index 0000000..f4e2dce
--- /dev/null
+++ b/static/widgets/image/index.css
@@ -0,0 +1,59 @@
+#container {
+	position: relative;
+	background: var(--card-background);
+	height: 100%;
+}
+
+#container img {
+	max-width: 700px;
+	width: 100%;
+	border-radius: var(--border-radius);
+	box-shadow: #223223aa 1px 1px 4px;
+	visibility: hidden;
+}
+
+#container.loaded img {
+	visibility: visible;
+}
+
+@keyframes loader {
+}
+
+@keyframes loader {
+	0% {
+		width: 60px;
+		height: 60px;
+	}
+
+	25% {
+		border: 5px solid var(--page-background);
+	}
+
+	50% {
+		width: 80px;
+		height: 80px;
+	}
+
+	75% {
+		border: 10px solid var(--page-background);
+	}
+
+	100% {
+		width: 60px;
+		height: 60px;
+	}
+}
+
+#loading {
+	position: absolute;
+	border: 10px solid var(--page-background);
+	border-radius: 100%;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	animation: 0.5s infinite loader ease;
+}
+
+.loaded #loading {
+	display: none;
+}
-- 
cgit v1.2.3-70-g09d2