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

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;
-  grid-template-columns: repeat(auto-fill, 112px);
+  gap: 8px;
+  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;
-  min-height: 132px;
+  width: 108px;
+  min-height: 124px;
   overflow: hidden;
   position: relative;
 }
@@ -3591,10 +3591,10 @@ select:focus {
 }
 
 .file-icon-shell {
-  width: 62px;
-  height: 52px;
+  width: 60px;
+  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;
-  max-height: 33px;
+  min-height: 32px;
+  max-height: 32px;
 }
 
 .inline-rename-input {