Mirrors/coco-app
1
0
Fork 0
mirror of https://github.com/infinilabs/coco-app.git synced 2025-12-16 11:37:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

style: background image modification

Browse Source
This commit is contained in:
rain
2024-11-21 09:43:37 +08:00
committed by Medcl
parent 0402d4aca3
commit 56ae0f10cd
5 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/search_bg_light.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 121 KiB

After

Width:  |  Height:  |  Size: 120 KiB

2
src/components/ChatAI/Chat.tsx
View File

@@ -284,7 +284,7 @@ export default function ChatAI({ changeMode, inputValue }: ChatAIProps) {
{/* Main content */} {/* Main content */}
<div <div
className={`flex-1 flex flex-col rounded-xl overflow-hidden bg-chat_bg_light dark:bg-chat_bg_dark bg-center`} className={`flex-1 flex flex-col rounded-xl overflow-hidden bg-chat_bg_light dark:bg-chat_bg_dark bg-cover`}
> >
<motion.div <motion.div
initial={{ opacity: 0, y: -20 }} initial={{ opacity: 0, y: -20 }}

2
src/components/ChatAI/ChatInput.tsx
View File

@@ -59,7 +59,7 @@ export function ChatInput({
return ( return (
<form onSubmit={handleSubmit} className="w-full rounded-xl overflow-hidden"> <form onSubmit={handleSubmit} className="w-full rounded-xl overflow-hidden">
<div className="bg-inputbox_bg_light dark:bg-inputbox_bg_dark bg-center rounded-xl"> <div className="bg-inputbox_bg_light dark:bg-inputbox_bg_dark bg-cover rounded-xl">
{/* Search Bar */} {/* Search Bar */}
<div className="relative"> <div className="relative">
<div className="p-[13px] flex items-center bg-white dark:bg-[#202126] rounded-xl transition-all"> <div className="p-[13px] flex items-center bg-white dark:bg-[#202126] rounded-xl transition-all">

2
src/components/SearchChat/DropdownList.tsx
View File

@@ -67,7 +67,7 @@ function DropdownList({ selected, suggests, isSearchComplete }: DropdownListProp
return ( return (
<div <div
ref={containerRef} ref={containerRef}
className="h-[calc(100vh-100px)] mt-2.5 pb-10 flex flex-col bg-search_bg_light dark:bg-chat_bg_dark bg-center rounded-xl overflow-hidden focus:outline-none" className="h-[calc(100vh-100px)] mt-2.5 pb-10 flex flex-col bg-search_bg_light dark:bg-chat_bg_dark bg-cover rounded-xl overflow-hidden focus:outline-none"
tabIndex={0} tabIndex={0}
onKeyDown={handleKeyDown} onKeyDown={handleKeyDown}
> >

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

@@ -119,7 +119,7 @@ function Search({ changeMode, changeInput, isChatMode }: SearchProps) {
className={`min-h-screen flex items-start justify-center rounded-xl overflow-hidden`} className={`min-h-screen flex items-start justify-center rounded-xl overflow-hidden`}
> >
<div className="w-full rounded-xl overflow-hidden"> <div className="w-full rounded-xl overflow-hidden">
<div className="bg-inputbox_bg_light dark:bg-inputbox_bg_dark bg-center rounded-xl"> <div className="bg-inputbox_bg_light dark:bg-inputbox_bg_dark bg-cover rounded-xl">
{/* Search Bar */} {/* Search Bar */}
<div className="relative"> <div className="relative">
<div className="p-[13px] flex items-center dark:text-[#D8D8D8] bg-white dark:bg-[#202126] rounded-xl transition-all"> <div className="p-[13px] flex items-center dark:text-[#D8D8D8] bg-white dark:bg-[#202126] rounded-xl transition-all">