perf: upate data board component detail modal style

@@ -61,6 +61,7 @@
     height: 100%;
     height: 100%;
     background-color: #fff;
     background-color: #fff;
     border-radius: 3px;
     border-radius: 3px;
+    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
   }
   }
   .widget-content {
   .widget-content {
     display: flex;
     display: flex;

@@ -20,10 +20,10 @@
 
 
 <template>
 <template>
   <Card
   <Card
-    :style="{ borderColor: props.controlId === props.checkedId ? '#1a74e8' : '#dcdfe6' }"
+    :style="{ borderColor: props.controlId === props.checkedId ? '#3079FF' : '#fff' }"
     hoverable
     hoverable
     bordered
     bordered
-    class="w-60 h-60 widget-select !bg-light-50 cursor-pointer"
+    class="w-60 h-60 border-2 widget-select !bg-light-50 cursor-pointer"
     @click="handleClick"
     @click="handleClick"
   >
   >
     <div class="widget-container">
     <div class="widget-container">
@@ -36,6 +36,10 @@
 </template>
 </template>
 
 
 <style scoped>
 <style scoped>
+  .widget-select {
+    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
+    border-width: 2px;
+  }
   .widget-select:deep(.ant-card-body) {
   .widget-select:deep(.ant-card-body) {
     /* height: 240px; */
     /* height: 240px; */
     width: 240px;
     width: 240px;
@@ -48,7 +52,7 @@
   }
   }
 
 
   .widget-select:deep(.ant-card-meta) {
   .widget-select:deep(.ant-card-meta) {
-    border-top: 1px solid #dcdfe6;
+    border-top: 1px solid #f0f0f0;
     width: 100%;
     width: 100%;
     height: 40px;
     height: 40px;
     text-align: center;
     text-align: center;