Mirrors/coco-app
1
0
Fork 0
mirror of https://github.com/infinilabs/coco-app.git synced 2025-12-25 15:59:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

style: adjust placeholder styles

Browse Source
This commit is contained in:
rain9
2025-12-25 18:26:08 +08:00
parent 20597b2e86
commit fb90b53bda
2 changed files with 27 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Search/AutoResizeTextarea.tsx
View File

@@ -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] placeholder-text-xs placeholder-[#999] dark:placeholder-gray-500 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] bg-transparent custom-scrollbar resize-none overflow-y-auto",
{
"overflow-y-hidden": lineCount === 1,
}

26
src/main.css
View File

@@ -300,6 +300,32 @@
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%;