chore: center text field

AthletX-org · Oct 11, 2023 · 645292f · 645292f
1 parent 58d3baa
commit 645292f
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/pages/workouts/Workouts.vue b/src/pages/workouts/Workouts.vue
@@ -8,12 +8,12 @@
         </v-col>
       </v-col>
       <v-col xs="12" md="4" xl="3">
-        <v-col >
-          <v-btn v-show="!importWorkoutDialog" @click="importWorkoutDialog = !importWorkoutDialog" color="paletteBlue"
+        <v-col>
+          <v-btn  class="align-center" v-show="!importWorkoutDialog" @click="importWorkoutDialog = !importWorkoutDialog" color="paletteBlue"
             prepend-icon="mdi-plus-box" variant="outlined" elevation="10">Import workout
           </v-btn>
-          <v-text-field v-show="importWorkoutDialog" autofocus v-model="importWorkoutText" label="Workout Id"
-          append-icon="mdi-send" variant="outlined" @click:append="importWorkout()" />
+          <v-text-field  class="mt-4 align-center" v-show="importWorkoutDialog" autofocus v-model="importWorkoutText" label="Workout Id"
+          prepend-icon="mdi-close-circle-outline" @click:prepend="importWorkoutDialog = !importWorkoutDialog" append-icon="mdi-send" variant="outlined" @click:append="importWorkout()" />
         </v-col>
       </v-col>
       <v-col xs="12" md="4" xl="4">