src/views/home/aside/comp/modals/FilterModal.vue

@@ -42,8 +42,8 @@ const emit = defineEmits<{
 const show = ref(false);
 
 const cardStyle = {
-  width: "800px",
+  width: "808px",
-  height: "830px",
+  height: "840px",
   "--n-padding-bottom": "10px",
   "--n-padding-left": "10px",
 };
@@ -403,7 +403,7 @@ const handleOk = () => {
 
           <div v-if="!showSearch" class="wrapper-form">
             <n-input
-              :style="{ width: '360px', border: '1px solid #cad2dd' }"
+              :style="{ width: '360px', border: '1px solid #cad2dd', height: '24px' }"
               placeholder="请输入过滤条件名称搜索"
               @input="inputHandler"
             >
@@ -479,17 +479,19 @@ const handleOk = () => {
 .wrapper {
   display: flex;
   flex-direction: column;
-  padding: 20px;
+  padding: 14px;
 
   &-title {
     font-weight: bold;
     font-size: 20px;
+    height: 24px;
   }
 
   &-bar {
     background-color: #f8f8f8;
     width: 100%;
     margin-top: 20px;
+    height: 24px;
   }
 
   &-form {
@@ -500,6 +502,10 @@ const handleOk = () => {
     .n-input {
       width: 300px;
       border: 1px solid gray;
+      height: 24px;
+      input {
+        height: 100%;
+      }
     }
     .msg {
       span {
@@ -515,12 +521,13 @@ const handleOk = () => {
   }
 
   &-table {
-    margin-top: 20px;
+    margin-top: 17px;
   }
 
   &-footer {
     display: flex;
     justify-content: flex-end;
+    padding-bottom: 6px;
   }
 
   &-info {
@@ -583,4 +590,9 @@ const handleOk = () => {
   position: relative;
   left: -80px;
 }
+.modal_wrapper {
+}
+::v-deep(.n-input .n-input__input-el) {
+  height: 24px;
+}
 </style>