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:
parent
2ab6ed595c
commit
117fbba175
2 changed files with 9 additions and 12 deletions
|
|
@ -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) => {
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue