Fix dropzone UI

src/renderer/src/components/AppDetail/DropZone.tsx

@@ -22,7 +22,7 @@ const useStyles = createStyles(({ token, css }) => ({
     align-items: center;
     justify-content: center;
     gap: ${token.paddingXS}px;
-    padding: ${token.paddingSM}px;
+    padding: ${token.paddingMD}px;
     border: 2px dashed ${token.colorBorderSecondary};
     border-radius: ${token.borderRadiusSM}px;
     color: ${token.colorTextQuaternary};

src/renderer/src/components/AppDetail/FileSection.tsx

@@ -75,9 +75,11 @@ const useStyles = createStyles(({ token, css }) => ({
   `,
   dropZoneWrapper: css`
     padding: ${token.paddingXS}px ${token.paddingSM}px;
-    border-top: 1px solid ${token.colorBorderSecondary};
     background: ${token.colorBgContainer};
   `,
+  dropZoneWrapperWithBorder: css`
+    border-top: 1px solid ${token.colorBorderSecondary};
+  `,
   dropOverlay: css`
     position: absolute;
     inset: 0;
@@ -362,14 +364,10 @@ const FileSection: React.FC<FileSectionProps> = ({
         )}
 
         {/* File list */}
-        {files.length === 0 ? (
-          <div className={styles.emptySection}>{t("noConfig")}</div>
-        ) : (
-          <SortableFileList items={files} onReorder={handleReorder} renderItem={renderItem} dividerColor={token.colorBorder} />
-        )}
+        {files.length > 0 && <SortableFileList items={files} onReorder={handleReorder} renderItem={renderItem} dividerColor={token.colorBorder} />}
 
         {/* Click-to-add strip */}
-        <div className={styles.dropZoneWrapper}>
+        <div className={cx(styles.dropZoneWrapper, files.length > 0 && styles.dropZoneWrapperWithBorder)}>
           <DropZone fileType={fileType} isSaving={isSaving} onFileSelected={saveFile} />
         </div>
       </div>