xiaoxue_admin
/
orca
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style(settings): polish integration card shells (#5463)

This commit is contained in:
Neil 2026-06-15 21:17:38 -07:00 committed by GitHub
parent 1b00e7cc79
commit 97db443764
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/renderer/src/components/settings/integration-card-shell.tsx
View File

@ -22,7 +22,10 @@ export function IntegrationCardShell(props: {
}): React.JSX.Element {
return (
<div
className={cn('rounded-md border border-border/50 bg-muted/30 px-4 py-3', props.className)}
className={cn(
'rounded-xl border border-border/60 bg-card/40 px-4 py-3.5 shadow-xs',
props.className
)}
>
<div className="flex items-center gap-3">
<span className="shrink-0 text-muted-foreground">{props.icon}</span>
@ -56,12 +59,7 @@ export function IntegrationCardDetails(props: {
children: React.ReactNode
}): React.JSX.Element {
return (
<div
className={cn(
'mt-3 space-y-2 rounded-md border border-border/30 bg-background/50 px-3 py-2.5',
props.className
)}
>
<div className={cn('mt-3 space-y-2 border-t border-border/40 pt-3', props.className)}>
{props.children}
</div>
)