fix(ui): refine layout polish

src/components/editor/EditorSettingsDialog.vue

@@ -399,7 +399,6 @@ watch(
         <TabsContent value="appearance" class="space-y-5 py-2">
           <div class="space-y-2">
             <Label>{{ t("settings.appLayout") }}</Label>
-            <p class="text-xs text-muted-foreground">{{ t("settings.appLayoutDescription") }}</p>
             <div class="grid grid-cols-2 gap-2">
               <Button
                 type="button"

src/components/grid/DataGrid.vue

@@ -2241,7 +2241,10 @@ defineExpose({
           <div class="flex-1 flex min-h-0 overflow-hidden">
             <div class="flex-1 flex flex-col min-w-0 overflow-hidden">
               <!-- Sticky header -->
-              <div ref="headerRef" class="shrink-0 bg-muted/60 z-10 border-y border-border overflow-hidden">
+              <div
+                ref="headerRef"
+                class="shrink-0 bg-[rgb(239_239_239)] dark:bg-muted/60 z-10 border-y border-border overflow-hidden"
+              >
                 <div class="flex text-xs font-semibold text-foreground" :style="{ width: 'var(--total-w)' }">
                   <div
                     class="shrink-0 px-2 py-1.5 border-r border-border text-center text-muted-foreground select-none"

src/components/layout/AppSidebar.vue

@@ -34,7 +34,7 @@ async function refreshTree() {
 <template>
   <div
     class="h-full shrink-0 relative select-none"
-    :class="classicLayout ? '' : 'overflow-hidden rounded-md border border-border/80 bg-background'"
+    :class="classicLayout ? '' : 'rounded-md border border-border/80 bg-background'"
     :style="{ width: sidebarWidth + 'px' }"
   >
     <div class="h-full flex flex-col overflow-hidden">