fix ui

src/components/FileBrowser.vue

@@ -111,8 +111,6 @@ onMounted(() => {
         @foldercreated="refreshPending = true"
         @sortchanged="sortChanged"
       />
-      <VRow no-gutters>
-        <VCol>
       <List
         :path="path"
         :storage="activeStorage"
@@ -127,8 +125,6 @@ onMounted(() => {
         @filedeleted="refreshPending = true"
         @renamed="refreshPending = true"
       />
-        </VCol>
-      </VRow>
     </div>
   </VCard>
 </template>

src/components/NoDataFound.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import miscpose from '@images/pages/pose-fs-9.png'
+import image from '@images/misc/teamwork.png'
 
 const props = defineProps<Props>()
 
@@ -11,25 +11,24 @@ interface Props {
 </script>
 
 <template>
-  <div class="flex flex-col">
+  <VEmptyState
-    <ErrorHeader
+    :image="image"
-      :error-code="props.errorCode"
+    size="250"
-      :error-title="props.errorTitle"
+  >
-      :error-description="props.errorDescription"
+    <template #title>
-    />
+      <div class="mt-8 text-2xl">
+        {{ props.errorTitle }}
+      </div>
+    </template>
 
-    <!-- 👉 Image -->
+    <template #text>
-    <div class="text-center">
+      <div class="text-subtitle">
-      <VImg
+        {{ props.errorDescription }}
-        :src="miscpose"
+      </div>
-        class="mx-auto pt-10"
+    </template>
-        max-width="250"
+
-        cover
+    <template #actions>
-      />
       <slot name="button" />
-    </div>
+    </template>
-  </div>
+  </VEmptyState>
 </template>
-
-<style lang="scss">
-</style>

src/components/filebrowser/List.vue

@@ -359,6 +359,7 @@ onMounted(() => {
         placeholder="搜索 ..."
         prepend-inner-icon="mdi-filter-outline"
         class="me-2"
+        rounded="0"
       />
       <VSpacer v-if="isFile" />
       <IconBtn v-if="isFile" @click="recognize(inProps.path || '')">