fix: Persistent add modal

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">

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;