From 2b18bfcceeb7c0b9322dac0455494beed481552e Mon Sep 17 00:00:00 2001
From: itsmartashub <44645238+itsmartashub@users.noreply.github.com>
Date: Fri, 18 Oct 2024 10:58:15 +0200
Subject: [PATCH] feat(gpth): add subtle border to settings

---
 src/sass/gpthemes/_gpth-settings.scss | 25 +++++++------------------
 1 file changed, 7 insertions(+), 18 deletions(-)

diff --git a/src/sass/gpthemes/_gpth-settings.scss b/src/sass/gpthemes/_gpth-settings.scss
index 8dec4e25..f7bf89e0 100644
--- a/src/sass/gpthemes/_gpth-settings.scss
+++ b/src/sass/gpthemes/_gpth-settings.scss
@@ -7,31 +7,20 @@
 	--max-h: 75vh;
 	--shadow-color: hsla(var(--accent-hsl) / 0.09);
 	--shadow-values: inset 0 0 20px 10px;
-	opacity: 0;
-	pointer-events: none;
-	padding: var(--p);
-	border-radius: var(--br-dialog);
 	top: var(--top);
 	right: var(--right);
 	width: clamp(25rem, 25vw, 30rem);
 	max-height: var(--max-h);
-
+	padding: var(--p);
+	opacity: 0;
+	background-color: var(--c-bg-sidebar);
+	border-radius: var(--br-dialog);
+	border: 1px solid hsla(var(--accent-hsl) / 0.18);
+	box-shadow: var(--shadow-values) var(--shadow-color);
+	pointer-events: none;
 	transform: translateX(calc(100% + 1.5rem)) !important;
 	z-index: calc(var(--z-modal) + 10);
-	background-color: var(--c-bg-sidebar);
 	overflow: clip scroll;
-
-	// background-image: linear-gradient(
-	// 	135deg,
-	// 	hsla(var(--accent-hsl) / 0.2) 0%,
-	// 	hsla(var(--accent-hsl) / 0.05) 20%,
-	// 	hsla(var(--accent-hsl) / 0.05) 80%,
-	// 	hsla(var(--accent-hsl) / 0.2) 100%
-	// );
-	// border: 1px solid hsla(var(--accent-hsl) / 0.2);
-	// backdrop-filter: blur(50px);
-
-	box-shadow: var(--shadow-values) var(--shadow-color);
 	transition: transform 0.3s $easeOutBack, opacity 0.3s ease;
 
 	&--open {