From a98c7e43ee3197a41629a5ca6823d779b4f3976f Mon Sep 17 00:00:00 2001
From: 135e2 <135e2@135e2.tk>
Date: Mon, 8 Aug 2022 21:27:22 +0800
Subject: chore(EditPage): move buttons to the end

---
 src/components/EditPage.vue | 68 +++++++++++++++++++++++----------------------
 1 file changed, 35 insertions(+), 33 deletions(-)

(limited to 'src/components/EditPage.vue')

diff --git a/src/components/EditPage.vue b/src/components/EditPage.vue
index ea47926..b4c351a 100644
--- a/src/components/EditPage.vue
+++ b/src/components/EditPage.vue
@@ -24,22 +24,23 @@
       :rules="contentRules"
       required
     ></v-textarea>
+    <v-row class="d-flex justify-end">
+      <v-btn
+        :disabled="!valid1"
+        variant="outlined"
+        class="mr-4"
+        @click="
+          validate(this.$refs.form1);
+          write(this.$refs.form1);
+        "
+      >
+        Save
+      </v-btn>
 
-    <v-btn
-      :disabled="!valid1"
-      variant="outlined"
-      class="mr-4"
-      @click="
-        validate(this.$refs.form1);
-        write(this.$refs.form1);
-      "
-    >
-      Save
-    </v-btn>
-
-    <v-btn variant="outlined" class="mr-4" @click="reset(this.$refs.form1)">
-      Reset Form
-    </v-btn>
+      <v-btn variant="outlined" class="mr-4" @click="reset(this.$refs.form1)">
+        Reset Form
+      </v-btn>
+    </v-row>
   </v-form>
 
   <v-form v-show="!switchModel" lazy-validate ref="form2" v-model="valid2">
@@ -63,25 +64,26 @@
       :rules="contentRules"
       required
     ></v-textarea>
+    <v-row class="d-flex justify-end">
+      <v-btn
+        :disabled="!valid2"
+        variant="outlined"
+        class="mr-4"
+        @click="
+          validate(this.$refs.form2);
+          write(this.$refs.form2);
+        "
+      >
+        Save
+      </v-btn>
 
-    <v-btn
-      :disabled="!valid2"
-      variant="outlined"
-      class="mr-4"
-      @click="
-        validate(this.$refs.form2);
-        write(this.$refs.form2);
-      "
-    >
-      Save
-    </v-btn>
-
-    <v-btn variant="outlined" class="mr-4" @click="reset(this.$refs.form2)">
-      Reset Validation
-    </v-btn>
-    <v-btn variant="outlined" class="mr-4" @click="deleteItem">
-      Delete Item
-    </v-btn>
+      <v-btn variant="outlined" class="mr-4" @click="reset(this.$refs.form2)">
+        Reset Validation
+      </v-btn>
+      <v-btn variant="outlined" class="mr-4" @click="deleteItem">
+        Delete Item
+      </v-btn>
+    </v-row>
   </v-form>
 </template>
 
-- 
cgit v1.2.3