esdras/sistema-de-chamados
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source 
- 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
Download patch file Download diff file Expand all files Collapse all files

9
src/components/app-sidebar.tsx
View file

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

12
src/components/sidebar-brand.tsx
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"
>
<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
src={logoSrc}
alt={logoAlt}
width={40}
height={40}
className="h-10 w-10 object-contain"
width={48}
height={48}
className="h-12 w-12 object-contain"
priority
/>
</div>
<div className="flex flex-col gap-0.5 leading-none">
<span className="font-medium">{title}</span>
<span className="text-xs text-muted-foreground">{subtitle}</span>
<span className="text-lg font-semibold">{title}</span>
<span className="text-sm text-muted-foreground">{subtitle}</span>
</div>
</div>
</SidebarMenuButton>