ปรับ style button / responsive

src/components/HeaderHome.vue

@@ -7,7 +7,7 @@
             <v-img
               :aspect-ratio="1"
               src="../assets/logo-title.png"
-              width="600"  
+              width="600"
               @click="$router.push('/')"
             ></v-img>
           </v-col>
@@ -24,7 +24,7 @@
               style="color: #0f470f"
               size="large"
               height="80"
-              to="/login"
+              @click="checkPage"
             >
               <span class="text-normal">เข้าสู่ระบบสำหรับผู้แสดงตนแล้ว</span>
             </v-btn>
@@ -33,7 +33,11 @@
       </div>
     </div>
     <div style="position: relative" class="bg-curve" id="started">
-      <v-row style="height: 100%;width: 90%;" align="center" class="text-center ma-auto" >
+      <v-row
+        style="height: 100%; width: 90%"
+        align="center"
+        class="text-center ma-auto"
+      >
         <v-col cols="12" md="" class="text-normal mb-10">
           <div class="text-center text-white py-5">
             <div class="text-title my-3">ใครสมัคร สว.ได้บ้าง</div>
@@ -63,7 +67,7 @@
               ></v-img>
             </v-btn>
           </div>
-          <br>
+          <br />
         </v-col>
         <!-- <v-col cols="12" md="" class="mt-0 mt-md-10 mt-lg-10" >
           <v-btn
@@ -116,6 +120,12 @@ export default {
   computed: {
     ...mapGetters(["getUsername"]),
   },
+  methods: {
+    checkPage() {
+      this.$store.commit("setCheckPage", true);
+      this.$router.push("/login");
+    },
+  },
 };
 </script>
 <style>