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

feat: Update connector UI components with improved button styles and border adjustments for better visual consistency

Browse source
This commit is contained in:
Anish Sarkar 2025-12-31 23:24:20 +05:30
parent 75119bf06b
commit 3a6749e86f
4 changed files with 10 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -108,10 +108,11 @@ export const ConnectorCard: FC<ConnectorCardProps> = ({
</div>
<Button
size="sm"
variant={isConnected ? "outline" : "default"}
variant={isConnected ? "secondary" : "default"}
className={cn(
"h-8 text-[11px] px-3 rounded-lg flex-shrink-0 font-medium",
isConnected && "border-0"
isConnected && "bg-white text-slate-700 hover:bg-slate-50 border-0 shadow-xs dark:bg-secondary dark:text-secondary-foreground dark:hover:bg-secondary/80",
!isConnected && "shadow-xs"
)}
onClick={isConnected ? onManage : onConnect}
disabled={isConnecting || isIndexing}

6
surfsense_web/components/assistant-ui/connector-popup/components/connector-dialog-header.tsx
View file

@ -1,7 +1,7 @@
"use client";
import { Search } from "lucide-react";
import { type FC } from "react";
import type { FC } from "react";
import {
DialogDescription,
DialogHeader,
@ -23,10 +23,8 @@ interface ConnectorDialogHeaderProps {
}
export const ConnectorDialogHeader: FC<ConnectorDialogHeaderProps> = ({
activeTab,
totalSourceCount,
searchQuery,
onTabChange,
onSearchChange,
isScrolled,
}) => {
@ -46,7 +44,7 @@ export const ConnectorDialogHeader: FC<ConnectorDialogHeaderProps> = ({
</DialogDescription>
</DialogHeader>
<div className="flex flex-col-reverse sm:flex-row sm:items-end justify-between gap-6 sm:gap-8 mt-6 sm:mt-8 border-b border-slate-400/5 dark:border-white/5">
<div className="flex flex-col-reverse sm:flex-row sm:items-end justify-between gap-6 sm:gap-8 mt-6 sm:mt-8 border-b border-border/80 dark:border-white/5">
<TabsList className="bg-transparent p-0 gap-4 sm:gap-8 h-auto w-full sm:w-auto justify-center sm:justify-start">
<TabsTrigger
value="all"

4
surfsense_web/components/assistant-ui/connector-popup/tabs/active-connectors-tab.tsx
View file

@ -115,9 +115,9 @@ export const ActiveConnectorsTab: FC<ActiveConnectorsTabProps> = ({
)}
</div>
<Button
variant="outline"
variant="secondary"
size="sm"
className="h-8 text-[11px] px-3 rounded-lg font-medium border-0"
className="h-8 text-[11px] px-3 rounded-lg font-medium bg-white text-slate-700 hover:bg-slate-50 border-0 shadow-xs dark:bg-secondary dark:text-secondary-foreground dark:hover:bg-secondary/80"
onClick={onManage ? () => onManage(connector) : undefined}
disabled={isIndexing}
>