d8dfun/claudecodeui
1
0
Fork 0
mirror of https://github.com/siteboon/claudecodeui.git synced 2026-06-03 19:15:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: moving new session button higher

Browse Source
This commit is contained in:
simosmik
2026-03-31 20:53:20 +00:00
parent 8f1042cf25
commit 1628868470
1 changed files with 23 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/components/sidebar/view/subcomponents/SidebarProjectSessions.tsx
View File

@@ -80,6 +80,29 @@ export default function SidebarProjectSessions({
return ( return (
<div className="ml-3 space-y-1 border-l border-border pl-3"> <div className="ml-3 space-y-1 border-l border-border pl-3">
<div className="px-3 pb-1 pt-1 md:hidden">
<button
className="flex h-8 w-full items-center justify-center gap-2 rounded-md bg-primary text-xs font-medium text-primary-foreground transition-all duration-150 hover:bg-primary/90 active:scale-[0.98]"
onClick={() => {
onProjectSelect(project);
onNewSession(project);
}}
>
<Plus className="h-3 w-3" />
{t('sessions.newSession')}
</button>
</div>
<Button
variant="default"
size="sm"
className="hidden h-8 w-full justify-start gap-2 bg-primary text-xs font-medium text-primary-foreground transition-colors hover:bg-primary/90 md:flex"
onClick={() => onNewSession(project)}
>
<Plus className="h-3 w-3" />
{t('sessions.newSession')}
</Button>
{!initialSessionsLoaded ? ( {!initialSessionsLoaded ? (
<SessionListSkeleton /> <SessionListSkeleton />
) : !hasSessions && !isLoadingSessions ? ( ) : !hasSessions && !isLoadingSessions ? (
@@ -129,29 +152,6 @@ export default function SidebarProjectSessions({
)} )}
</Button> </Button>
)} )}
<div className="px-3 pb-2 md:hidden">
<button
className="flex h-8 w-full items-center justify-center gap-2 rounded-md bg-primary text-xs font-medium text-primary-foreground transition-all duration-150 hover:bg-primary/90 active:scale-[0.98]"
onClick={() => {
onProjectSelect(project);
onNewSession(project);
}}
>
<Plus className="h-3 w-3" />
{t('sessions.newSession')}
</button>
</div>
<Button
variant="default"
size="sm"
className="mt-1 hidden h-8 w-full justify-start gap-2 bg-primary text-xs font-medium text-primary-foreground transition-colors hover:bg-primary/90 md:flex"
onClick={() => onNewSession(project)}
>
<Plus className="h-3 w-3" />
{t('sessions.newSession')}
</Button>
</div> </div>
); );
} }