diff --git a/apps/desktop/src/main.tsx b/apps/desktop/src/main.tsx index 3a98953..3004e1c 100644 --- a/apps/desktop/src/main.tsx +++ b/apps/desktop/src/main.tsx @@ -1646,7 +1646,7 @@ const resolvedAppUrl = useMemo(() => { alt="Logotipo Raven" width={160} height={160} - className="h-14 w-auto md:h-16" + className="h-16 w-auto md:h-20" onError={() => { if (logoFallbackRef.current) return logoFallbackRef.current = true @@ -1655,9 +1655,14 @@ const resolvedAppUrl = useMemo(() => { />
Raven - - Plataforma de chamados - +
+ + Plataforma de + + + Chamados + +
diff --git a/src/components/app-sidebar.tsx b/src/components/app-sidebar.tsx index 6065514..ce28493 100644 --- a/src/components/app-sidebar.tsx +++ b/src/components/app-sidebar.tsx @@ -263,6 +263,7 @@ export function AppSidebar(props: React.ComponentProps) { logoAlt="Logotipo Raven" title="Raven" subtitle="Plataforma de chamados" + showTitle={false} /> diff --git a/src/components/sidebar-brand.tsx b/src/components/sidebar-brand.tsx index 032e1ba..c03037a 100644 --- a/src/components/sidebar-brand.tsx +++ b/src/components/sidebar-brand.tsx @@ -20,26 +20,30 @@ interface SidebarBrandProps { logoAlt: string title: string subtitle: string + showTitle?: boolean } -export function SidebarBrand({ logoSrc, logoAlt, title, subtitle }: SidebarBrandProps) { +export function SidebarBrand({ logoSrc, logoAlt, title, subtitle, showTitle = true }: SidebarBrandProps) { const { state } = useSidebar() const isCollapsed = state === "collapsed" + const subtitleBadges = subtitle === "Plataforma de chamados" + ? ["Plataforma de", "Chamados"] + : [subtitle] const brandContent = (
{logoAlt} @@ -48,10 +52,17 @@ export function SidebarBrand({ logoSrc, logoAlt, title, subtitle }: SidebarBrand "flex flex-col items-start gap-1 leading-none transition-all duration-200 ease-linear overflow-hidden", isCollapsed ? "w-0 opacity-0" : "w-auto opacity-100" )}> - {title} - - {subtitle} - + {showTitle ? {title} : null} +
+ {subtitleBadges.map((badge) => ( + + {badge} + + ))} +
) @@ -79,7 +90,7 @@ export function SidebarBrand({ logoSrc, logoAlt, title, subtitle }: SidebarBrand align="center" className="bg-sidebar border-sidebar-border text-sidebar-foreground shadow-lg" > -

{title}

+ {showTitle ?

{title}

: null}

{subtitle}