From 96c0567b3045751aae7a5088e563148a6a3ade80 Mon Sep 17 00:00:00 2001
From: "STW_TTTY\\stwtt" <trx.setthawut@gmail.com>
Date: Thu, 8 Aug 2024 15:27:47 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=E0=B8=82?=
 =?UTF-8?q?=E0=B8=99=E0=B8=B2=E0=B8=94=E0=B8=95=E0=B8=B1=E0=B8=A7=E0=B8=AB?=
 =?UTF-8?q?=E0=B8=99=E0=B8=B1=E0=B8=87=E0=B8=AA=E0=B8=B7=E0=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/competency/Summary.vue         | 31 ++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/src/modules/01_masterdata/components/competency/Summary.vue b/src/modules/01_masterdata/components/competency/Summary.vue
index 490cb81a4..389e32562 100644
--- a/src/modules/01_masterdata/components/competency/Summary.vue
+++ b/src/modules/01_masterdata/components/competency/Summary.vue
@@ -81,7 +81,7 @@ onMounted(() => {
           class="bg-white rounded-borders q-pa-sm"
           style="border: 1px solid #ededed"
         >
-          <div class="row items-center no-wrap">
+          <div class="row items-center no-wrap text-size">
             {{ i.label }}
             <q-space />
             <q-badge :color="i.color" text-color="white" :label="i.total" />
@@ -91,3 +91,32 @@ onMounted(() => {
     </div>
   </q-card>
 </template>
+<style scoped>
+.text-size {
+  font-size: 14px;
+}
+@media (min-width: 1400px) {
+  .text-size {
+    font-size: 14px;
+  }
+}
+
+@media (min-width: 1350px) and (max-width: 1399px) {
+  .text-size {
+    font-size: 13px;
+  }
+}
+
+@media (min-width: 1050px) and (max-width: 1349px) {
+  .text-size {
+    font-size: 12px;
+  }
+}
+@media (min-width: 1024px) and (max-width: 1049px) {
+  .text-size {
+    font-size: 12px;
+  }
+}
+
+
+</style>