feat: tighten file card borders on web and desktop with 0.1.10 release

backend/server.js

@@ -112,7 +112,7 @@ const DOWNLOAD_SIGNED_URL_EXPIRES_SECONDS = Math.max(
   10,
   Math.min(3600, Number(process.env.DOWNLOAD_SIGNED_URL_EXPIRES_SECONDS || 30))
 );
-const DEFAULT_DESKTOP_VERSION = process.env.DESKTOP_LATEST_VERSION || '0.1.9';
+const DEFAULT_DESKTOP_VERSION = process.env.DESKTOP_LATEST_VERSION || '0.1.10';
 const DEFAULT_DESKTOP_INSTALLER_URL = process.env.DESKTOP_INSTALLER_URL || '';
 const DEFAULT_DESKTOP_RELEASE_NOTES = process.env.DESKTOP_RELEASE_NOTES || '';
 const DESKTOP_INSTALLERS_DIR = path.resolve(__dirname, '../frontend/downloads');

desktop-client/package.json

@@ -1,7 +1,7 @@
 {
   "name": "desktop-client",
   "private": true,
-  "version": "0.1.9",
+  "version": "0.1.10",
   "type": "module",
   "scripts": {
     "dev": "vite",

desktop-client/src-tauri/Cargo.lock

@@ -693,7 +693,7 @@ dependencies = [
 
 [[package]]
 name = "desktop-client"
-version = "0.1.9"
+version = "0.1.10"
 dependencies = [
  "reqwest 0.12.28",
  "rusqlite",

desktop-client/src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "desktop-client"
-version = "0.1.9"
+version = "0.1.10"
 description = "A Tauri App"
 authors = ["you"]
 edition = "2021"

desktop-client/src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "玩玩云",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "identifier": "cn.workyai.wanwancloud.desktop",
   "build": {
     "beforeDevCommand": "npm run dev",

desktop-client/src/App.vue

@@ -153,7 +153,7 @@ const syncState = reactive({
   nextRunAt: "",
 });
 const updateState = reactive({
-  currentVersion: "0.1.9",
+  currentVersion: "0.1.10",
   latestVersion: "",
   available: false,
   mandatory: false,
@@ -3500,8 +3500,8 @@ select:focus {
 
 .icon-grid {
   display: grid;
-  gap: 8px 10px;
+  gap: 8px;
-  grid-template-columns: repeat(auto-fill, 112px);
+  grid-template-columns: repeat(auto-fill, 108px);
   justify-content: flex-start;
   align-content: start;
   min-height: 0;
@@ -3525,18 +3525,18 @@ select:focus {
 
 .file-card {
   border: 1px solid transparent;
-  border-radius: 10px;
+  border-radius: 9px;
   background: transparent;
   text-align: left;
-  padding: 8px 6px;
+  padding: 7px 6px 6px;
   cursor: pointer;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   gap: 4px;
-  width: 112px;
+  width: 108px;
-  min-height: 132px;
+  min-height: 124px;
   overflow: hidden;
   position: relative;
 }
@@ -3591,10 +3591,10 @@ select:focus {
 }
 
 .file-icon-shell {
-  width: 62px;
+  width: 60px;
-  height: 52px;
+  height: 50px;
   position: relative;
-  margin-top: 2px;
+  margin-top: 1px;
   border-radius: 10px;
   border: 1px solid #cfdced;
   background: linear-gradient(180deg, #7ab5ff 0%, #4689dd 100%);
@@ -3687,8 +3687,8 @@ select:focus {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
-  min-height: 33px;
+  min-height: 32px;
-  max-height: 33px;
+  max-height: 32px;
 }
 
 .inline-rename-input {

frontend/app.html

@@ -429,28 +429,28 @@
     /* 文件网格视图 */
     .file-grid {
       display: grid;
-      grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+      grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
-      gap: 20px;
+      gap: 12px;
-      padding: 10px;
+      padding: 8px;
     }
     .file-grid-item {
       display: flex;
       flex-direction: column;
       align-items: center;
-      padding: 15px 10px 10px 10px;
+      padding: 10px 8px 8px;
-      border-radius: 12px;
+      border-radius: 10px;
       cursor: pointer;
-      transition: all 0.3s;
+      transition: all 0.2s ease;
       text-align: center;
-      min-height: 180px;
+      min-height: 138px;
       position: relative;
       border: 1px solid transparent;
     }
     .file-grid-item:hover {
       background: var(--bg-card-hover);
       border-color: var(--glass-border-hover);
-      transform: translateY(-4px);
+      transform: translateY(-2px);
-      box-shadow: 0 8px 24px rgba(102, 126, 234, 0.15);
+      box-shadow: 0 4px 14px rgba(102, 126, 234, 0.12);
     }
 
     .file-grid-item,
@@ -494,7 +494,7 @@
       display: -webkit-box;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
-      min-height: 34px;
+      min-height: 32px;
     }
     .file-size {
       font-size: 12px;
@@ -846,12 +846,13 @@
 
       /* 文件网格视图移动端优化 */
       .file-grid {
-        grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
+        grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));
-        gap: 12px;
+        gap: 9px;
         padding: 5px;
       }
       .file-grid-item {
-        padding: 10px 5px;
+        min-height: 124px;
+        padding: 8px 6px;
       }
       .file-icon i {
         font-size: 48px !important;
@@ -5971,16 +5972,16 @@
 
     body.enterprise-netdisk .file-grid {
       padding: 6px;
-      gap: 10px;
+      gap: 8px;
-      grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
+      grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
     }
 
     body.enterprise-netdisk .file-grid-item {
       border: 1px solid var(--glass-border);
       border-radius: 8px;
       background: var(--bg-secondary);
-      min-height: 160px;
+      min-height: 136px;
-      padding: 12px 10px;
+      padding: 9px 8px;
       transition: all .2s ease;
     }
 
@@ -6674,8 +6675,8 @@
       }
 
       body.enterprise-netdisk .file-grid-item {
-        min-height: 140px;
+        min-height: 122px;
-        padding: 10px 8px;
+        padding: 8px 7px;
       }
 
       body.enterprise-netdisk .file-grid-type-icon {
@@ -7376,8 +7377,8 @@
       }
 
       body.enterprise-netdisk .file-grid-item {
-        min-height: 205px;
+        min-height: 168px;
-        padding: 16px 10px 12px;
+        padding: 11px 9px 9px;
       }
 
       body.enterprise-netdisk .file-name {
@@ -7436,7 +7437,7 @@
       }
 
       body.enterprise-netdisk .file-grid-item {
-        min-height: 228px;
+        min-height: 184px;
       }
     }
   </style>