From f1fe72704918461c223c5114d13349ed80c43a9f Mon Sep 17 00:00:00 2001
From: Caleb Owens <hello@calebowens.com>
Date: Wed, 19 Jun 2024 15:14:37 +0200
Subject: [PATCH] tweak styles

---
 app/src/lib/components/Dropzone/CardOverlay.svelte | 2 +-
 app/src/lib/components/Dropzone/LineOverlay.svelte | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/src/lib/components/Dropzone/CardOverlay.svelte b/app/src/lib/components/Dropzone/CardOverlay.svelte
index 93539231a..7f419ff65 100644
--- a/app/src/lib/components/Dropzone/CardOverlay.svelte
+++ b/app/src/lib/components/Dropzone/CardOverlay.svelte
@@ -40,7 +40,7 @@
 		outline-offset: -10px;
 		backdrop-filter: blur(10px);
 
-		z-index: 100;
+		z-index: var(--z-lifted);
 
 		transition: background-color 0.1s;
 
diff --git a/app/src/lib/components/Dropzone/LineOverlay.svelte b/app/src/lib/components/Dropzone/LineOverlay.svelte
index e4f58df81..205d43050 100644
--- a/app/src/lib/components/Dropzone/LineOverlay.svelte
+++ b/app/src/lib/components/Dropzone/LineOverlay.svelte
@@ -51,10 +51,12 @@
 	.indicator {
 		width: 100%;
 		height: 3px;
-		transition: background-color 0.1s;
+		transition: opacity 0.1s;
+		background-color: var(--clr-border-2);
+		opacity: 0;
 
 		&.hovered {
-			background-color: rgba(0, 0, 0, 0.6);
+			opacity: 1;
 		}
 	}
 </style>