vuetify defaults components params

Author: JulienChampagnol

components/Errors/Banner.vue

@@ -50,9 +50,3 @@
     window.location.reload()
   }
 </script>
-
-<style scoped>
-  .v-btn {
-    text-transform: unset !important;
-  }
-</style>

components/ExtensionSelector.vue

@@ -3,9 +3,9 @@
   <v-row
     v-for="item in geode_objects_and_output_extensions"
     :key="item.geode_object"
-    class="justify - left"
+    class="justify-left"
   >
-    <v-card class="card ma-2 pa-2" elevation="5" width="100%">
+    <v-card class="card ma-2 pa-2" width="100%">
       <v-tooltip :text="`Export as a ${item.geode_object}`" location="bottom">
         <template v-slot:activator="{ props }">
           <v-card-title v-bind="props">
@@ -25,7 +25,6 @@
               class="card ma-2"
               color="primary"
               hover
-              elevation="5"
               @click="set_variables(item.geode_object, output_extension)"
             >
               <v-card-title align="center">
@@ -78,9 +77,3 @@
     get_output_file_extensions()
   })
 </script>
-
-<style scoped>
-  .card {
-    border-radius: 15px;
-  }
-</style>

components/FileSelector.vue

@@ -49,9 +49,3 @@
     get_allowed_files()
   })
 </script>
-
-<style scoped>
-  .v-btn {
-    text-transform: unset !important;
-  }
-</style>

components/FileUploader.vue

@@ -69,9 +69,3 @@
     files_uploaded.value = false
   })
 </script>
-
-<style scoped>
-  .v-btn {
-    text-transform: unset !important;
-  }
-</style>

components/Header.vue

@@ -6,14 +6,7 @@
     <v-col>
       <v-row class="justify-center">
         <v-col v-for="(card, i) in cards_list" :key="i" cols="11" md="5">
-          <v-card
-            class="card"
-            hover
-            elevation="5"
-            :href="card.href"
-            rounded
-            target="_blank"
-          >
+          <v-card class="card" hover :href="card.href" rounded target="_blank">
             <v-card-title
               primary-title
               class="justify-center text-h6"

components/Loading.vue

@@ -1,7 +1,7 @@
 <template>
   <v-row justify="center">
     <v-col cols="12" class="ma-3">
-      <v-card class="card" loading elevation="5">
+      <v-card loading>
         <v-card-title class="text-center">
           Cloud instance is starting...
         </v-card-title>

components/MissingFilesSelector.vue

@@ -44,7 +44,6 @@
 
 <script setup>
   const stepper_tree = inject("stepper_tree")
-  const { route_prefix } = stepper_tree
 
   const props = defineProps({
     multiple: { type: Boolean, required: true },

components/ObjectSelector.vue

@@ -2,7 +2,7 @@
   <FetchingData v-if="loading" />
   <v-row v-else-if="allowed_objects.length" class="justify-left">
     <v-col v-for="object in allowed_objects" :key="object" cols="2" md="2">
-      <v-card v-ripple class="card ma-2" hover elevation="5" rounded>
+      <v-card v-ripple class="card ma-2" hover rounded>
         <v-img
           :src="geode_objects[object].image"
           cover
@@ -15,7 +15,7 @@
     </v-col>
   </v-row>
   <v-row v-else class="pa-5">
-    <v-card class="card" variant="tonal" elevation="5" rounded>
+    <v-card class="card" variant="tonal" rounded>
       <v-card-text>
         This file format isn't supported! Please check the
         <a
@@ -71,9 +71,3 @@
     get_allowed_objects()
   })
 </script>
-
-<style scoped>
-  .card {
-    border-radius: 15px;
-  }
-</style>

components/Step.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-card class="pa-5 card" elevation="5">
+  <v-card class="pa-5">
     <v-row align="center" @click="set_current_step(step_index)">
       <v-col cols="auto">
         <v-icon
@@ -60,11 +60,7 @@
   }
 </script>
 
-<style>
-  .card {
-    border-radius: 15px;
-  }
-
+<style scoped>
   .slide-fade-enter-active {
     transition: all 0.5s ease-out;
   }