style

src/components/device-page/device-tree.vue

@@ -262,7 +262,7 @@ const scrollDeviceTreeToSelectedDevice = () => {
 
 <template>
   <div style="height: 100%; display: flex; flex-direction: column">
-    <div style="flex-shrink: 0; padding: 12px">
+    <div style="padding: 12px; flex-shrink: 0">
       <NInput v-model:value="searchInput" placeholder="搜索设备名称、设备ID或IP地址" clearable />
       <NFlex justify="space-between" align="center">
         <NRadioGroup v-model:value="statusInput">
@@ -277,13 +277,13 @@ const scrollDeviceTreeToSelectedDevice = () => {
       </NFlex>
     </div>
 
-    <div style="flex: 1; min-height: 0; display: flex; overflow: hidden">
-      <div style="flex: 0 0 auto; height: 100%">
+    <div style="min-height: 0; overflow: hidden; flex: 1; display: flex">
+      <div style="height: 100%; flex: 0 0 auto">
         <NTabs v-model:value="activeTab" animated type="line" placement="left" style="height: 100%">
           <NTab v-for="pane in deviceTabPanes" :key="pane.name" :name="pane.name" :tab="pane.tab"></NTab>
         </NTabs>
       </div>
-      <div style="flex: 1 1 auto; min-width: 0">
+      <div style="min-width: 0; flex: 1 1 auto">
         <NTree
           :ref="'deviceTreeInst'"
           v-model:expanded-keys="expandedKeys"