feat: new config ui.hide_scrollbar

src-tauri/Cargo.toml

@@ -172,4 +172,4 @@ windows = { version = "0.61", features = ["Win32_Foundation", "Win32_System_Com"
 windows-sys = { version = "0.61", features = ["Win32", "Win32_System", "Win32_System_Com"] }
 
 [target."cfg(target_os = \"windows\")".build-dependencies]
-bindgen = "0.72.1"
+bindgen = "0.72.1"

src-tauri/src/extension/mod.rs

@@ -164,6 +164,9 @@ pub(crate) struct ViewExtensionUISettings {
     /// Show the footer
     #[serde_inline_default(false)]
     footer: bool,
+    /// If true, scrollbars will be hidden
+    #[serde_inline_default(true)]
+    hide_scorllbar: bool,
     /// The recommended width of the window for this extension
     width: Option<u32>,
     /// The recommended heigh of the window for this extension

src/components/Search/AutoResizeTextarea.tsx

@@ -120,7 +120,7 @@ const AutoResizeTextarea = forwardRef<
           autoCapitalize="none"
           spellCheck="false"
           className={cn(
-            "auto-resize-textarea text-base flex-1 outline-none w-full min-w-[200px] text-[#333] dark:text-[#d8d8d8] bg-transparent custom-scrollbar resize-none overflow-y-auto",
+            "auto-resize-textarea text-base flex-1 outline-none w-full min-w-[200px] text-[#333] dark:text-[#d8d8d8] placeholder-text-xs placeholder-[#999] dark:placeholder-gray-500 bg-transparent custom-scrollbar resize-none overflow-y-auto",
             {
               "overflow-y-hidden": lineCount === 1,
             }

src/components/Settings/Extensions/index.tsx

@@ -75,6 +75,7 @@ export interface ViewExtensionUISettings {
   search_bar: boolean;
   filter_bar: boolean;
   footer: boolean;
+  hide_scorllbar: boolean;
   width: number | null;
   height: number | null;
   resizable: boolean;

src/main.css

@@ -300,32 +300,6 @@
     background-color: #475569;
   }
 
-  .coco-container .auto-resize-textarea::placeholder {
-    color: #999;
-    opacity: 1;
-    -webkit-text-fill-color: #999;
-  }
-
-  .dark.coco-container .auto-resize-textarea::placeholder,
-  [data-theme="dark"] .coco-container .auto-resize-textarea::placeholder {
-    color: #6b7280;
-    opacity: 1;
-    -webkit-text-fill-color: #6b7280;
-  }
-
-  .coco-container .auto-resize-textarea:disabled::placeholder {
-    color: #999;
-    opacity: 1;
-    -webkit-text-fill-color: #999;
-  }
-
-  .dark.coco-container .auto-resize-textarea:disabled::placeholder,
-  [data-theme="dark"] .coco-container .auto-resize-textarea:disabled::placeholder {
-    color: #6b7280;
-    opacity: 1;
-    -webkit-text-fill-color: #6b7280;
-  }
-
   /* Background styles */
   .bg-100 {
     background-size: 100% 100%;