ปรับขนาดตัวหนังสือ

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>