From efb92a00185963a763217d4bedce7a1591c6dc22 Mon Sep 17 00:00:00 2001
From: Nathan Reiner <nathan@nathanreiner.xyz>
Date: Thu, 20 Nov 2025 06:56:43 +0100
Subject: image: implement removing

---
 static/widgets/image/index.css | 45 ++++++++++++++++++++++++++++++++++++------
 1 file changed, 39 insertions(+), 6 deletions(-)

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

diff --git a/static/widgets/image/index.css b/static/widgets/image/index.css
index f4e2dce..730a324 100644
--- a/static/widgets/image/index.css
+++ b/static/widgets/image/index.css
@@ -1,24 +1,24 @@
 #container {
 	position: relative;
-	background: var(--card-background);
 	height: 100%;
+	min-height: 100px;
+	border-radius: var(--border-radius);
+	overflow: none;
+	box-shadow: #223223aa 1px 1px 4px;
 }
 
 #container img {
+	border-radius: var(--border-radius);
 	max-width: 700px;
 	width: 100%;
-	border-radius: var(--border-radius);
-	box-shadow: #223223aa 1px 1px 4px;
 	visibility: hidden;
+	margin-bottom: -5px;
 }
 
 #container.loaded img {
 	visibility: visible;
 }
 
-@keyframes loader {
-}
-
 @keyframes loader {
 	0% {
 		width: 60px;
@@ -57,3 +57,36 @@
 .loaded #loading {
 	display: none;
 }
+
+#menu {
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	height: 100%;
+	width: 0px;
+	background: #efefef99;
+	backdrop-filter: blur(5px);
+	border-radius: var(--border-radius);
+	transition: width 0.2s ease, padding 0.2s ease;
+	overflow: hidden;
+	align-content: center;
+	overflow: hidden;
+	padding: 0px;
+}
+
+#menu.open {
+	width: 100%;
+	padding: 10px;
+}
+
+#delete {
+	background: #ee5151;
+	padding: 10px;
+	color: #fff;
+	font-weight: bold;
+	margin: auto;
+	width: min-content;
+	border-radius: var(--border-radius);
+	cursor: pointer;
+	user-select: none;
+}
-- 
cgit v1.2.3-70-g09d2