From 83554b5d2425a25d34f9ed227423071668733d3e Mon Sep 17 00:00:00 2001
From: Tanyalak <tanyalak@frappet.com>
Date: Mon, 2 Oct 2023 13:24:31 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88=E0=B8=A1?=
 =?UTF-8?q?=E0=B8=82=E0=B9=89=E0=B8=AD=E0=B8=A1=E0=B8=B9=E0=B8=A5=20?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=B1=E0=B8=9B=E0=B9=82=E0=B8=AB=E0=B8=A5=E0=B8=94?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=B9=E0=B8=9B=E0=B8=96=E0=B9=88=E0=B8=B2=E0=B8=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../01_exam/components/Form/Information.vue   | 58 +++++++++++--------
 1 file changed, 33 insertions(+), 25 deletions(-)

diff --git a/src/modules/01_exam/components/Form/Information.vue b/src/modules/01_exam/components/Form/Information.vue
index c812161..ab957e2 100644
--- a/src/modules/01_exam/components/Form/Information.vue
+++ b/src/modules/01_exam/components/Form/Information.vue
@@ -9,7 +9,7 @@
     :editData="false"
   />
   <q-form ref="myform" class="col-12 row q-col-gutter-x-sm justify-center q-col-gutter-sm">
-    <div class="row col-xs-12 col-sm-12 col-md-10 items-center q-col-gutter-x-sm q-col-gutter-y-xs">
+    <div class="row col-xs-12 col-sm-12 col-md-9 items-center q-col-gutter-x-sm q-col-gutter-y-xs">
       <div class="col-xs-12 col-sm-3 col-md-3">
         <q-select
           :class="getClass(status == 'register' || status == 'rejectRegister')"
@@ -222,30 +222,38 @@
         />
       </div>
     </div>
-    <div class="row col-xs-12 col-sm-3 col-md-2 justify-center">
-      <div class="containerimage row justify-center col-xs-6 col-sm-10 col-md-12">
-        <label for="file-upload" class="col-12 row">
-          <q-img v-if="img == ''" src="@/assets/avatar_user.jpg" class="col-12">
-            <div
-              class="overlay"
-              v-if="status == 'register' || status == 'rejectRegister' || status == 'done'"
-            >
-              <q-icon name="mdi-camera" />
-              <br />อัปเดต
-            </div>
-          </q-img>
-          <q-img v-else :src="img" class="col-12">
-            <div
-              class="overlay"
-              v-if="status == 'register' || status == 'rejectRegister' || status == 'done'"
-            >
-              <q-icon name="mdi-camera" />
-              <br />อัปเดต
-            </div>
-          </q-img>
-        </label>
-        <input id="file-upload" type="file" accept="image/*" @change="uploadImage" />
-      </div>
+    <div class="row col-xs-12 col-sm-6 col-md-3 justify-center">
+      <q-card bordered class="col-11 q-pa-sm justify-center text-center">
+        <div class=" text-weight-medium q-py-xs">อัปโหลดรูปถ่าย</div>
+        <div class="containerimage row justify-center col-xs-6 col-sm-10 col-md-12">
+          <label for="file-upload" class="col-12 row justify-center">
+            <q-img v-if="img == ''" src="@/assets/avatar_user.jpg" class="col-6">
+              <div
+                class="overlay"
+                v-if="status == 'register' || status == 'rejectRegister' || status == 'done'"
+              >
+                <q-icon name="mdi-camera" />
+                <br />อัปเดต
+              </div>
+            </q-img>
+            <q-img v-else :src="img" class="col-12">
+              <div
+                class="overlay"
+                v-if="status == 'register' || status == 'rejectRegister' || status == 'done'"
+              >
+                <q-icon name="mdi-camera" />
+                <br />อัปเดต
+              </div>
+            </q-img>
+          </label>
+          <input id="file-upload" type="file" accept="image/*" @change="uploadImage" />
+        </div>
+        <div class=" text-caption q-pt-sm text-grey-7">
+          <div>รูปถ่ายหน้าตรง ชุดสุภาพ</div>
+          <div>ไม่สวมหมวก/แว่นตาดำ</div>
+          <div>และไม่มีลวดลายใด ๆ บนรูปถ่าย</div>
+        </div>
+      </q-card>
     </div>
     <!-- <div class="col-xs-12 col-sm-9 col-md-12">
       <q-input