ปรับ UI หน้าจอแก้ไขข้อมูลส่วนตัวของผู้สอบผ่านให้ตรงกับ Req. #25

This commit is contained in:
Warunee Tamkoo 2023-06-28 17:22:44 +07:00
parent b9c272a49d
commit 95a20c7050
11 changed files with 1351 additions and 1454 deletions

View file

@ -1,14 +1,14 @@
<script setup lang="ts">
</script>
<template>
<div class="row">
<div class="row col-12 q-px-lg q-pt-lg q-pb-sm no-border">
<q-icon name="mdi-briefcase-edit" size="1.5em" color="grey-5" class="q-pr-md" />
<span class="text-bold text-subtitle2 ">ผลการสอบ</span>
<span class="text-bold text-subtitle2">ผลการสอบ</span>
</div>
<div class="row">
<div class="col-7 q-pl-xl">
<div class="row q-px-md">
<div class="col-7">
<q-card class="card-exam">
<div class="row">
<div class="row q-px-md q-py-sm">
<div class="col q-pa-xs header-sub-text-exam">
<div class="q-pb-xs"> ประเภท </div>
<div class="q-pb-xs"> ภาค </div>
@ -35,12 +35,12 @@
</div>
<div class="col q-pl-xl">
<q-card class="q-pt-xs">
<div class="header-text-right">ผลการสอบ</div>
<div class="sub-text-right q-pb-xs">าน</div>
<div class="header-text-right">ลำดบทสอบได</div>
<div class="sub-text-right q-pb-xs">3</div>
<div class="header-text-right">จำนวนครงทสมครสอบ</div>
<div class="sub-text-right q-pb-xs">5</div>
<div class="header-text-right q-px-xs">ผลการสอบ</div>
<div class="sub-text-right q-px-xs q-pb-sm">าน</div>
<div class="header-text-right q-px-xs">ลำดบทสอบได</div>
<div class="sub-text-right q-px-xs q-pb-sm">3</div>
<div class="header-text-right q-px-xs">จำนวนครงทสมครสอบ</div>
<div class="sub-text-right q-px-xs q-pb-sm">5</div>
</q-card>
</div>
</div>
@ -53,7 +53,7 @@
}
.header-text-right {
font-size: 12px;
font-size: 14px;
font-weight: 400;
line-height: 150%;
color: #818181;