feat: adjust default window size

apps/desktop2/src/components/note/preview/images.tsx

@@ -96,7 +96,7 @@ export function Images({ urls }: { urls: string[] }) {
 	}
 
 	return (
-		<div className="relative pl-2 overflow-hidden group">
+		<div className="relative px-3 overflow-hidden group">
 			<div ref={emblaRef} className="w-full h-[320px]">
 				<div className="flex w-full gap-2 scrollbar-none">
 					{imageUrls.map((url, index) => (

apps/desktop2/src/components/note/preview/videos.tsx

@@ -5,7 +5,7 @@ export function Videos({ urls }: { urls: string[] }) {
 		return (
 			<div className="group px-3">
 				<video
-					className="w-full h-auto object-cover rounded-lg outline outline-1 -outline-offset-1 outline-black/15"
+					className="max-h-[400px] w-auto  object-cover rounded-lg outline outline-1 -outline-offset-1 outline-black/15"
 					preload="metadata"
 					controls
 					muted

packages/tailwindcss/package.json

@@ -15,6 +15,7 @@
 		"@tailwindcss/typography": "^0.5.13",
 		"tailwind-gradient-mask-image": "^1.2.0",
 		"tailwind-scrollbar": "^3.1.0",
-		"tailwindcss": "^3.4.4"
+		"tailwindcss": "^3.4.4",
+		"tailwindcss-content-visibility": "^0.2.0"
 	}
 }

packages/tailwindcss/tailwind.config.js

@@ -49,7 +49,7 @@ const config = {
 		require("@tailwindcss/forms"),
 		require("@tailwindcss/typography"),
 		require("tailwind-gradient-mask-image"),
-		require("tailwind-scrollbar")({ nocompatible: true }),
+		require("tailwindcss-content-visibility"),
 	],
 };
 

pnpm-lock.yaml

@@ -295,6 +295,9 @@ importers:
       tailwindcss:
         specifier: ^3.4.4
         version: 3.4.4
+      tailwindcss-content-visibility:
+        specifier: ^0.2.0
+        version: 0.2.0(tailwindcss@3.4.4)
 
   packages/tsconfig: {}
 
@@ -5486,6 +5489,14 @@ packages:
       tailwindcss: 3.4.4
     dev: true
 
+  /tailwindcss-content-visibility@0.2.0(tailwindcss@3.4.4):
+    resolution: {integrity: sha512-GsmCKKkyTz7yirk++A1PXZ5rS0Ea8uzEYKKL+czlpgvcLfM7l3EVsTy5HTqhdvRYb4A/zr/nasd/t6oTCqIjUg==}
+    peerDependencies:
+      tailwindcss: ^3.0.0
+    dependencies:
+      tailwindcss: 3.4.4
+    dev: true
+
   /tailwindcss@3.4.4:
     resolution: {integrity: sha512-ZoyXOdJjISB7/BcLTR6SEsLgKtDStYyYZVLsUtWChO4Ps20CBad7lfJKVDiejocV4ME1hLmyY0WJE3hSDcmQ2A==}
     engines: {node: '>=14.0.0'}

src-tauri/tauri.macos.conf.json

@@ -1,35 +1,39 @@
 {
-	"$schema": "../node_modules/@tauri-apps/cli/schema.json",
-	"app": {
-		"windows": [
-			{
-				"title": "Lume",
-				"label": "main",
-				"titleBarStyle": "Overlay",
-				"width": 500,
-				"height": 800,
-				"minWidth": 500,
-				"minHeight": 800,
-				"hiddenTitle": true,
-				"windowEffects": {
-					"state": "followsWindowActiveState",
-					"effects": ["underWindowBackground"]
-				}
-			},
-			{
-				"title": "Lume Panel",
-				"label": "panel",
-				"url": "/panel",
-				"width": 350,
-				"height": 500,
-				"fullscreen": false,
-				"resizable": false,
-				"visible": false,
-				"decorations": false,
-				"windowEffects": {
-					"effects": ["popover"]
-				}
-			}
-		]
-	}
+  "$schema": "../node_modules/@tauri-apps/cli/schema.json",
+  "app": {
+    "windows": [
+      {
+        "title": "Lume",
+        "label": "main",
+        "titleBarStyle": "Overlay",
+        "width": 1045,
+        "height": 800,
+        "minWidth": 500,
+        "minHeight": 800,
+        "hiddenTitle": true,
+        "windowEffects": {
+          "state": "followsWindowActiveState",
+          "effects": [
+            "underWindowBackground"
+          ]
+        }
+      },
+      {
+        "title": "Lume Panel",
+        "label": "panel",
+        "url": "/panel",
+        "width": 350,
+        "height": 500,
+        "fullscreen": false,
+        "resizable": false,
+        "visible": false,
+        "decorations": false,
+        "windowEffects": {
+          "effects": [
+            "popover"
+          ]
+        }
+      }
+    ]
+  }
 }