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

style: update button styles in DocumentsTableShell and GitHub stars badge for improved UI consistency

Browse source
This commit is contained in:
Anish Sarkar 2026-03-17 18:51:25 +05:30
parent d036b7ff4f
commit f2c959b034
2 changed files with 10 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

2
surfsense_web/app/dashboard/[search_space_id]/documents/(manage)/components/DocumentsTableShell.tsx
View file

@ -480,7 +480,7 @@ export function DocumentsTableShell({
<button <button
type="button" type="button"
onClick={() => setBulkDeleteConfirmOpen(true)} onClick={() => setBulkDeleteConfirmOpen(true)}
className="flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-destructive text-destructive-foreground shadow-md text-xs font-medium" className="flex items-center gap-1.5 px-3 py-1.5 rounded-md bg-destructive text-destructive-foreground shadow-md text-xs font-medium"
> >
<Trash2 size={12} /> <Trash2 size={12} />
Delete ({deletableSelectedIds.length} selected) Delete ({deletableSelectedIds.length} selected)

16
surfsense_web/components/homepage/github-stars-badge.tsx
View file

@ -272,17 +272,19 @@ function NavbarGitHubStars({
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className={cn( className={cn(
"group flex items-center gap-1.5 rounded-full px-3 py-1.5 hover:bg-gray-100 dark:hover:bg-neutral-800 transition-colors", "group flex items-center gap-1.5 rounded-lg px-1 py-1 hover:bg-gray-100 dark:hover:bg-neutral-800/50 transition-colors",
className className
)} )}
> >
<IconBrandGithub className="h-5 w-5 text-neutral-600 dark:text-neutral-300 shrink-0" /> <IconBrandGithub className="h-5 w-5 text-neutral-600 dark:text-neutral-300 shrink-0" />
<AnimatedStarCount <span className="rounded-lg bg-[#282828] px-2 py-0 group-hover:bg-neutral-800/80 transition-colors inline-flex items-center">
value={isLoading ? 10000 : stars} <AnimatedStarCount
itemSize={ITEM_SIZE} value={isLoading ? 10000 : stars}
isRolling={isLoading} itemSize={ITEM_SIZE}
className="text-sm font-semibold tabular-nums text-neutral-600 dark:text-neutral-400 group-hover:text-neutral-800 dark:group-hover:text-neutral-200 transition-colors" isRolling={isLoading}
/> className="text-sm font-semibold tabular-nums text-neutral-500 group-hover:text-neutral-400 transition-colors"
/>
</span>
</a> </a>
); );
} }