feat(nav): move help to icon-only in sidebar footer version row
This commit is contained in:
@@ -107,24 +107,20 @@ export function Layout({ children }: { children: React.ReactNode }) {
|
|||||||
)}
|
)}
|
||||||
</SidebarContent>
|
</SidebarContent>
|
||||||
<SidebarFooter className="gap-2">
|
<SidebarFooter className="gap-2">
|
||||||
<SidebarMenu>
|
|
||||||
<SidebarMenuItem>
|
|
||||||
<SidebarMenuButton
|
|
||||||
asChild
|
|
||||||
tooltip={t("nav.docs")}
|
|
||||||
className="text-muted-foreground"
|
|
||||||
data-testid="button-help"
|
|
||||||
>
|
|
||||||
<Link href="/docs">
|
|
||||||
<HelpCircle />
|
|
||||||
<span>{t("nav.docs")}</span>
|
|
||||||
</Link>
|
|
||||||
</SidebarMenuButton>
|
|
||||||
</SidebarMenuItem>
|
|
||||||
</SidebarMenu>
|
|
||||||
<UserMenu />
|
<UserMenu />
|
||||||
<div className="border-t pt-2 flex items-center justify-between text-[11px] text-muted-foreground px-2 group-data-[collapsible=icon]:justify-center">
|
<div className="border-t pt-2 flex items-center justify-between text-[11px] text-muted-foreground px-2 group-data-[collapsible=icon]:justify-center">
|
||||||
<span className="font-medium group-data-[collapsible=icon]:hidden">toolr</span>
|
<div className="flex items-center gap-1.5 font-medium group-data-[collapsible=icon]:hidden">
|
||||||
|
<span>toolr</span>
|
||||||
|
<a
|
||||||
|
href="/docs"
|
||||||
|
title={t("nav.docs")}
|
||||||
|
aria-label={t("nav.docs")}
|
||||||
|
data-testid="button-help"
|
||||||
|
className="text-muted-foreground hover:text-primary transition-colors"
|
||||||
|
>
|
||||||
|
<HelpCircle className="w-3.5 h-3.5" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
{version?.commitSha ? (
|
{version?.commitSha ? (
|
||||||
<a
|
<a
|
||||||
href={`https://git.kubebase.de/admin/tool-evaluator/commit/${version.commitSha}`}
|
href={`https://git.kubebase.de/admin/tool-evaluator/commit/${version.commitSha}`}
|
||||||
|
|||||||
Reference in New Issue
Block a user