From d517d9f3341e59de572118922b43a9e1adb8c9ad Mon Sep 17 00:00:00 2001
From: Daan Wijns <dw.daanwijns@gmail.com>
Date: Sat, 14 Aug 2021 12:28:08 +0200
Subject: [PATCH] fix: Persistent add modal

---
 src/components/Modals/AddModal.vue | 18 +++++++++++++++---
 src/styles/styles.scss             | 13 +------------
 2 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/components/Modals/AddModal.vue b/src/components/Modals/AddModal.vue
index 7afd0ef38a..790fbc7e80 100644
--- a/src/components/Modals/AddModal.vue
+++ b/src/components/Modals/AddModal.vue
@@ -1,11 +1,11 @@
 <template>
   <v-dialog
     v-model="dialog"
-    scrollable
     :transition="dTransition"
     :content-class="phoneLayout ? 'rounded-0' : 'rounded-form'"
     max-width="500px"
     :fullscreen="phoneLayout"
+    persistent
   >
     <div
       class="noselect"
@@ -16,13 +16,13 @@
       width:100%;
       height:100%;
       "
-      @click="closeWrap"
       @drop.prevent="addDropFile"
       @dragover.prevent="showWrapDrag = true"
       @dragend.prevent="showWrapDrag = false"
       @dragleave.prevent="DragLeave"
     />
     <v-card
+      style="height:100%"
       :class="showWrapDrag ? 'wrap-drag' : ''"
       @drop.prevent="addDropFile"
       @dragover.prevent="showWrapDrag = true"
@@ -30,7 +30,19 @@
     >
       <v-container :class="`pa-0 project done`">
         <v-card-title class="justify-center">
-          <h2>Add a new Torrent</h2>
+          <v-toolbar flat dense class="transparent">
+            <v-toolbar-title class="mx-auto">
+              <h2>Add a new Torrent</h2>
+            </v-toolbar-title>
+            <v-btn
+              fab
+              small
+              class="transparent white--text elevation-0"
+              @click="close"
+            >
+              <v-icon>{{ mdiClose }}</v-icon>
+            </v-btn>
+          </v-toolbar>
         </v-card-title>
         <v-card-text class="pb-0">
           <v-form ref="form" v-model="valid">
diff --git a/src/styles/styles.scss b/src/styles/styles.scss
index b1924211a9..7b09ea87bf 100644
--- a/src/styles/styles.scss
+++ b/src/styles/styles.scss
@@ -105,18 +105,7 @@ $sideborder-margin: 6px;
     border-color: transparent!important;
 }
 // scrollbar designs & menu designs
-.v-card__text {
-    &::-webkit-scrollbar {
-        width: 8px;
-        height: 8px;
-        background: background-color;
-    }
-    &::-webkit-scrollbar-thumb {
-        border-radius: 20px;
-        background: gray;
-    }
-}
-.v-data-table__wrapper {
+.v-card__text,.v-data-table__wrapper, div {
     &::-webkit-scrollbar {
         width: 8px;
         height: 8px;