feat: 样式调整

src/views/device/components/DeviceCard.vue

@@ -114,6 +114,8 @@ const isEnabledClass = computed(() => [
       right: -1px;
       width: 48px;
       height: 24px;
+      font-size: 14px;
+      line-height: 24px;
       color: #fff;
       text-align: center;
       background-color: #52c41a;

src/views/device/index.vue

@@ -135,11 +135,11 @@ onMounted(() => {
                   v.deviceSort.toLowerCase().includes(searchValue.toLowerCase())
                 )"
               :key="index"
-              :xs="8"
-              :sm="8"
+              :xs="6"
+              :sm="6"
               :md="8"
               :lg="8"
-              :xl="8"
+              :xl="6"
             >
               <DeviceCard :device="device" />
             </el-col>

src/views/serverModule/components/ServerCard.vue

@@ -74,6 +74,7 @@ const stateClass = computed(() => [
       right: 0;
       width: 48px;
       height: 24px;
+      font-size: 14px;
       color: #fff;
       text-align: center;
       background-color: #52c41a;