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

refactor(thread): update layout structure and improve styling for welcome message

Browse source
This commit is contained in:
Anish Sarkar 2026-07-14 02:58:39 +05:30
parent faffd9974c
commit 44138668a4
2 changed files with 16 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

13
surfsense_web/components/assistant-ui/connector-popup/components/connector-card.tsx
View file

@ -79,7 +79,7 @@ export const ConnectorCard: FC<ConnectorCardProps> = ({
} }
if (isDeprecatedForConnect) { if (isDeprecatedForConnect) {
return "Deprecated — no longer available to connect."; return "Deprecated. No longer available to connect.";
} }
return description; return description;
@ -102,7 +102,16 @@ export const ConnectorCard: FC<ConnectorCardProps> = ({
: "bg-slate-400/5 dark:bg-white/5 border-slate-400/5 dark:border-white/5" : "bg-slate-400/5 dark:bg-white/5 border-slate-400/5 dark:border-white/5"
)} )}
> >
{connectorType ? ( {isMCP ? (
<span
aria-hidden="true"
className="size-6 bg-current"
style={{
mask: "url('/connectors/modelcontextprotocol.svg') center / contain no-repeat",
WebkitMask: "url('/connectors/modelcontextprotocol.svg') center / contain no-repeat",
}}
/>
) : connectorType ? (
getConnectorIcon(connectorType, "size-6") getConnectorIcon(connectorType, "size-6")
) : id === "youtube-crawler" ? ( ) : id === "youtube-crawler" ? (
<IconBrandYoutube className="size-6" /> <IconBrandYoutube className="size-6" />

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

@ -258,17 +258,17 @@ const ThreadWelcome: FC = () => {
const greeting = useMemo(() => getTimeBasedGreeting(user), [user]); const greeting = useMemo(() => getTimeBasedGreeting(user), [user]);
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 flex min-h-0 flex-1">
<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"> <section className="mx-auto grid w-full max-w-(--thread-max-width) content-center gap-6 pt-8 pb-[clamp(5rem,16vh,12rem)]">
<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"> <div className="aui-thread-welcome-message flex flex-col items-center px-4 text-center">
<h1 className="aui-thread-welcome-message-inner text-3xl md:text-[2.625rem] select-none"> <h1 className="aui-thread-welcome-message-inner text-3xl md:text-[2.625rem] select-none">
{greeting} {greeting}
</h1> </h1>
</div> </div>
<div className="w-full flex items-start justify-center sm:absolute sm:top-[calc(50%-3.5rem)] sm:left-0 sm:right-0"> <div className="flex w-full items-start justify-center">
<Composer /> <Composer />
</div> </div>
</div> </section>
</div> </div>
); );
}; };