update edit / login / responsive

src/components/HeaderHome.vue

@@ -32,7 +32,7 @@
     </div>
     <div style="position: relative" class="bg-curve" id="started">
       <v-row style="height: 100%" align="center" class="text-center">
-        <v-col cols="12" md="4">
+        <v-col cols="12" md="">
           <div style="position: relative">
             <v-btn
               elevated
@@ -54,7 +54,7 @@
             </v-btn>
           </div>
         </v-col>
-        <v-col cols="12" md="4" class="mt-0 mt-md-10  mt-lg-10">
+        <v-col cols="12" md="" class="mt-0 mt-md-10 mt-lg-10" v-if="getUsername==''||getUsername==null||getUsername==undefined">
           <v-btn
             elevated
             color="#DD6C31"
@@ -72,7 +72,8 @@
             แสดงตนเป็นผู้สมัคร
           </v-btn>
         </v-col>
-        <v-col cols="12" md="4">
+        <!-- {{ getUsername }} -->
+        <v-col cols="12" md="" v-if="getUsername">
           <v-btn
             elevated
             color="#DD6C31"
@@ -96,7 +97,13 @@
   </div>
 </template>
 <script>
-export default {};
+import { mapGetters } from "vuex";
+
+export default {
+  computed: {
+    ...mapGetters(["getUsername"]),
+  },
+};
 </script>
 <style>
 .text-normal .v-btn--size-large {