From bba1b2892ee9a399bccbf332780a5a1af2dba50e Mon Sep 17 00:00:00 2001
From: ko1234 <ko.ko@mjmtech.com.tw>
Date: Tue, 5 Nov 2024 17:16:49 +0800
Subject: [PATCH] =?UTF-8?q?modal=E7=9A=84=E5=AE=9A=E4=BD=8D=E7=B6=AD?=
 =?UTF-8?q?=E6=8C=81=E5=9C=A8=E4=B8=AD=E9=96=93=E4=B8=94=E5=9C=A8=E6=8B=96?=
 =?UTF-8?q?=E6=9B=B3=E6=99=82=E4=B8=8D=E5=81=8F=E7=A7=BB=20|=20fitToView?=
 =?UTF-8?q?=E6=81=A2=E5=BE=A9=20|=20=E5=91=8A=E8=AD=A6=E5=8A=A0=E4=B8=8ADe?=
 =?UTF-8?q?vice=20Category=E8=AA=AA=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/customUI/Modal.vue                            | 2 +-
 .../alert/components/AlertQuery/AlertSearchTypesButton.vue   | 5 ++++-
 src/views/system/components/SystemCard.vue                   | 2 +-
 src/views/system/components/SystemInfoModal.vue              | 3 +--
 4 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/customUI/Modal.vue b/src/components/customUI/Modal.vue
index 7fffccf..d8f80ce 100644
--- a/src/components/customUI/Modal.vue
+++ b/src/components/customUI/Modal.vue
@@ -48,7 +48,7 @@ onMounted(() => {
     'modal',
     backdrop
       ? ''
-      : 'h-fit w-fit max-h-fit max-w-fit focus-visible:outline-none backdrop:bg-transparent',
+      : 'focus-visible:outline-none backdrop:bg-transparent',
   )" :style="modalStyle" v-draggable="draggable">
     <div :class="twMerge(
       'modal-box static rounded-md border border-info py-5 px-6 overflow-y-scroll bg-normal',
diff --git a/src/views/alert/components/AlertQuery/AlertSearchTypesButton.vue b/src/views/alert/components/AlertQuery/AlertSearchTypesButton.vue
index 2a626b9..1dc6dc0 100644
--- a/src/views/alert/components/AlertQuery/AlertSearchTypesButton.vue
+++ b/src/views/alert/components/AlertQuery/AlertSearchTypesButton.vue
@@ -62,8 +62,11 @@ watch(searchParams, (newValue) => {
 
 <template>
   <div class="flex flex-wrap mt-3">
+    <h2 class="text-lg font-bold ps-1 pe-4">
+        {{ $t("history.device_category") }} :
+    </h2>
     <button
-      class="btn btn-success mr-4"
+      class="btn btn-sm btn-success mr-4"
       @click.stop.prevent="changeCheckedItem"
     >
       {{ checkedItem.length === store.subSys.length ? t("button.deselect_all") : t("button.select_all") }}
diff --git a/src/views/system/components/SystemCard.vue b/src/views/system/components/SystemCard.vue
index 909b44e..5e73839 100644
--- a/src/views/system/components/SystemCard.vue
+++ b/src/views/system/components/SystemCard.vue
@@ -24,7 +24,7 @@ const fitToView = (forge_dbid) => {
         <p class="title">{{ d.full_name }}</p>
         <div class="grid grid-cols-1 lg:grid-cols-2 gap-5">
           <div class="col-auto relative" v-for="device in d.device_list" :key="device.device_guid">
-            <div class="item h-full">
+            <div class="item h-full cursor-pointer" @click="() => fitToView(device.forge_dbid)">
               <div class="left h-full flex flex-wrap justify-center">
                 <div class="sec02 w-full">
                   <img v-if="device.device_image_url" :src="device.device_image_url" alt="" >
diff --git a/src/views/system/components/SystemInfoModal.vue b/src/views/system/components/SystemInfoModal.vue
index 7b9b845..101eb67 100644
--- a/src/views/system/components/SystemInfoModal.vue
+++ b/src/views/system/components/SystemInfoModal.vue
@@ -32,8 +32,7 @@ watch(
 </script>
 
 <template>
-  <Modal id="system_info_modal" :onCancel="onCancel" width="600" :draggable="!data?.isMobile" :backdrop="false"
-    :modalStyle="position" class="-translate-x-1/2 -translate-y-1/2">
+  <Modal id="system_info_modal" :onCancel="onCancel" width="600" :draggable="!data?.isMobile" :backdrop="false">
     <template #modalContent>
       <SystemInfoModalContent />
     </template>