apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-06-04 20:05:16 +02:00
Code Issues Projects Releases Packages Wiki Activity

refactor(thread): improve layout and responsiveness of welcome message

Browse source 
- Adjusted the structure of the ThreadWelcome component to enhance layout consistency across different screen sizes.
- Updated CSS classes to ensure proper alignment and spacing for the welcome message and composer, improving overall user experience.
This commit is contained in:
DESKTOP-RTLN3BA\$punk 2026-06-01 20:34:18 -07:00
parent 66bd7e6fc3
commit 0870571765
1 changed files with 9 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

16
surfsense_web/components/assistant-ui/thread.tsx
View file

@ -254,13 +254,15 @@ const ThreadWelcome: FC = () => {
return ( return (
<div className="aui-thread-welcome-root mx-auto flex w-full max-w-(--thread-max-width) grow flex-col items-center px-4 relative"> <div className="aui-thread-welcome-root mx-auto flex w-full max-w-(--thread-max-width) grow flex-col items-center px-4 relative">
<div className="aui-thread-welcome-message absolute bottom-[calc(50%+5rem)] left-0 right-0 flex flex-col items-center text-center"> <div className="my-auto flex w-full flex-col items-center gap-6 py-6 sm:contents sm:my-0 sm:gap-0 sm:py-0">
<h1 className="aui-thread-welcome-message-inner text-3xl md:text-[2.625rem] select-none"> <div className="aui-thread-welcome-message flex flex-col items-center text-center sm:absolute sm:bottom-[calc(50%+5rem)] sm:left-0 sm:right-0">
{greeting} <h1 className="aui-thread-welcome-message-inner text-3xl md:text-[2.625rem] select-none">
</h1> {greeting}
</div> </h1>
<div className="w-full flex items-start justify-center absolute top-[calc(50%-3.5rem)] left-0 right-0"> </div>
<Composer /> <div className="w-full flex items-start justify-center sm:absolute sm:top-[calc(50%-3.5rem)] sm:left-0 sm:right-0">
<Composer />
</div>
</div> </div>
</div> </div>
); );