admin/MODSetter-SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense synced 2026-06-21 13:44:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

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
surfsense_web/components/assistant-ui/connector-popup/components/connector-card.tsx
+3 -2
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}
surfsense_web/components/assistant-ui/connector-popup/components/connector-dialog-header.tsx
+2 -4
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"
surfsense_web/components/assistant-ui/connector-popup/tabs/active-connectors-tab.tsx
+2 -2
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}
>
surfsense_web/components/new-chat/model-selector.tsx
+3 -3
View File
@@ -212,7 +212,7 @@ export function ModelSelector({ onEdit, onAddNew, className }: ModelSelectorProp
</PopoverTrigger>
<PopoverContent
className="w-[280px] md:w-[360px] p-0 rounded-lg md:rounded-xl shadow-lg border-border/30"
className="w-[280px] md:w-[360px] p-0 rounded-lg md:rounded-xl shadow-lg border-border/60"
align="start"
sideOffset={8}
>
@@ -252,7 +252,7 @@ export function ModelSelector({ onEdit, onAddNew, className }: ModelSelectorProp
{/* Global Configs Section */}
{filteredGlobalConfigs.length > 0 && (
<CommandGroup>
<div className="flex items-center gap-2 px-3 py-2 text-xs font-semibold text-muted-foreground uppercase tracking-wider">
<div className="flex items-center gap-2 px-3 py-2 text-xs font-semibold text-muted-foreground tracking-wider">
<Globe className="size-3.5" />
Global Models
</div>
@@ -314,7 +314,7 @@ export function ModelSelector({ onEdit, onAddNew, className }: ModelSelectorProp
{/* User Configs Section */}
{filteredUserConfigs.length > 0 && (
<CommandGroup>
<div className="flex items-center gap-2 px-3 py-2 text-xs font-semibold text-muted-foreground uppercase tracking-wider">
<div className="flex items-center gap-2 px-3 py-2 text-xs font-semibold text-muted-foreground tracking-wider">
<User className="size-3.5" />
Your Configurations
</div>