From d676d0d233ed075b15eec429bf0d993af9e329fa Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 8 Feb 2023 09:53:57 +0100
Subject: [PATCH] fix: add some  hover effect

---
 src/lib/elements/forms/inputFile.svelte | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/lib/elements/forms/inputFile.svelte b/src/lib/elements/forms/inputFile.svelte
index b35fd3de6..2e5ea41ad 100644
--- a/src/lib/elements/forms/inputFile.svelte
+++ b/src/lib/elements/forms/inputFile.svelte
@@ -9,7 +9,6 @@
     export let maxSize: number = null;
 
     let input: HTMLInputElement;
-    let dropTarget: HTMLDivElement;
     let hovering = false;
 
     function dropHandler(ev: DragEvent) {
@@ -45,10 +44,10 @@
         <p class="text">{label}</p>
     {/if}
     <div
-        class="box is-border-dashed is-no-shadow u-padding-24"
+        class="box  is-no-shadow u-padding-24"
         style="--box-border-radius:var(--border-radius-xsmall); z-index: 1"
+        class:is-border-dashed={!hovering}
         class:is-hover-with-file={hovering}
-        bind:this={dropTarget}
         on:drop|preventDefault={dropHandler}
         on:dragover|preventDefault={dragOverHandler}
         on:dragenter|preventDefault