refactor(sidebar): remove busca de tickets e aumenta brand

- Remove campo de busca "Buscar tickets" do header da sidebar
- Aumenta logo de 40x40 para 48x48 pixels
- Aumenta titulo e subtitulo da marca para melhor destaque

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
esdrasrenan 2025-12-14 14:52:46 -03:00
parent 2ab6ed595c
commit 117fbba175
2 changed files with 9 additions and 12 deletions

View file

@ -30,7 +30,6 @@ import {
import { usePathname } from "next/navigation" import { usePathname } from "next/navigation"
import Link from "next/link" import Link from "next/link"
import { SearchForm } from "@/components/search-form"
import { SidebarBrand } from "@/components/sidebar-brand" import { SidebarBrand } from "@/components/sidebar-brand"
import { import {
Sidebar, Sidebar,
@ -221,9 +220,8 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
if (!isHydrated) { if (!isHydrated) {
return ( return (
<Sidebar {...props}> <Sidebar {...props}>
<SidebarHeader className="gap-3"> <SidebarHeader>
<Skeleton className="h-12 w-full rounded-lg" /> <Skeleton className="h-14 w-full rounded-lg" />
<Skeleton className="h-9 w-full rounded-lg" />
</SidebarHeader> </SidebarHeader>
<SidebarContent> <SidebarContent>
{[0, 1, 2].map((group) => ( {[0, 1, 2].map((group) => (
@ -248,14 +246,13 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
return ( return (
<Sidebar {...props}> <Sidebar {...props}>
<SidebarHeader className="gap-3"> <SidebarHeader>
<SidebarBrand <SidebarBrand
logoSrc="/logo-raven.png" logoSrc="/logo-raven.png"
logoAlt="Logotipo Raven" logoAlt="Logotipo Raven"
title="Raven" title="Raven"
subtitle="Por Rever Tecnologia" subtitle="Por Rever Tecnologia"
/> />
<SearchForm placeholder="Buscar tickets" />
</SidebarHeader> </SidebarHeader>
<SidebarContent> <SidebarContent>
{navigation.map((group) => { {navigation.map((group) => {

View file

@ -25,19 +25,19 @@ export function SidebarBrand({ logoSrc, logoAlt, title, subtitle }: SidebarBrand
className="cursor-default select-none hover:bg-transparent hover:text-inherit active:bg-transparent active:text-inherit focus-visible:ring-0" className="cursor-default select-none hover:bg-transparent hover:text-inherit active:bg-transparent active:text-inherit focus-visible:ring-0"
> >
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<div className="flex h-10 w-10 items-center justify-center rounded-lg"> <div className="flex h-12 w-12 items-center justify-center rounded-lg">
<Image <Image
src={logoSrc} src={logoSrc}
alt={logoAlt} alt={logoAlt}
width={40} width={48}
height={40} height={48}
className="h-10 w-10 object-contain" className="h-12 w-12 object-contain"
priority priority
/> />
</div> </div>
<div className="flex flex-col gap-0.5 leading-none"> <div className="flex flex-col gap-0.5 leading-none">
<span className="font-medium">{title}</span> <span className="text-lg font-semibold">{title}</span>
<span className="text-xs text-muted-foreground">{subtitle}</span> <span className="text-sm text-muted-foreground">{subtitle}</span>
</div> </div>
</div> </div>
</SidebarMenuButton> </SidebarMenuButton>