add login mockup (for backend to testing) reading desc please + minor css fix

src/views/Setting.vue

@@ -1,49 +1,20 @@
 <template>
-    <v-sheet class="d-flex justify-center">
-
-        <v-sheet class="ma-2 pa-4 mb-auto">
-
-            <v-row class="ma-2" justify="space-around">
-            <v-avatar
-                color="grey"
-                size="128"
-            >
-            <v-img cover src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/59/User-avatar.svg/1200px-User-avatar.svg.png"></v-img>
-            </v-avatar>
-            </v-row>
-
-            <v-list-item
-            center
-                class="text-black"
-                title="SRP Rottenmango"
-                subtitle="sasha@example.org"
-            >
-            </v-list-item>
-        </v-sheet>
-        
-    </v-sheet>
-
+<v-app>
+    <v-container class="d-flex justify-center align-center">
+        <div>
+            <h1>Heading</h1>
+        <h2>Sub-Heading</h2>
+      <v-container class="d-flex justify-center align-center">
+        <v-btn class="ma-2" width="150" :to="{name: 'login'}">ลงชื่อเข้าใช้</v-btn>
+        <v-btn class="ma-2" width="150">สมัครสมาชิค</v-btn>
+      </v-container>
+        </div>
+    </v-container>
     <v-sheet class="d-flex justify-center ma-2">
         <v-sheet class="mb-auto"
         max-width="420px"
         min-width="200px"
         width="95vw">
-        
-            <v-list class = "ma-2" density="compact">
-                <v-list-item
-                    v-for="(item, i) in account_items"
-                    :key="i"
-                    :value="item"
-                >
-                <template v-slot:append>
-                <v-icon :icon="item.icon"></v-icon>
-                </template>
-
-                    <v-list-item-title v-text="item.text"></v-list-item-title>
-                </v-list-item>
-            </v-list>
-
-            
             <v-list class = "ma-2" density="compact">
                 <v-list-subheader>การแสดงผล</v-list-subheader>
 
@@ -90,7 +61,8 @@
             </v-btn>
         </v-sheet>
         
-    </v-sheet>    
+    </v-sheet>   
+</v-app> 
 
 </template>
 
@@ -99,7 +71,8 @@
 import {RouterLink} from 'vue-router';
 
 const account_items = [
-    { text: 'ตั้งค่าบัญชี',icon: 'mdi-chevron-right'},
+    { text: 'ตั้งค่าบัญชี',
+    icon: 'mdi-chevron-right'},
     
   ]
 
@@ -113,7 +86,8 @@ const display_items = [
   ]
 
   const about_items = [
-    { text: 'เกี่ยวกับ',icon: 'mdi-chevron-right',}
+    { text: 'เกี่ยวกับ',
+    icon: 'mdi-chevron-right',}
   ]