Refactor: Simplify collapsed sidebar UI

This commit is contained in:
gpt-engineer-app[bot]
2025-10-28 15:56:06 +00:00
parent 832f53a126
commit 575ccd013b
5 changed files with 50 additions and 65 deletions

View File

@@ -230,7 +230,6 @@ export default function Designers() {
> >
<div className="sticky top-24"> <div className="sticky top-24">
{sidebarCollapsed ? ( {sidebarCollapsed ? (
<Card className="p-2">
<Button <Button
variant="ghost" variant="ghost"
className="w-full" className="w-full"
@@ -239,7 +238,6 @@ export default function Designers() {
> >
<PanelLeftOpen className="w-5 h-5" /> <PanelLeftOpen className="w-5 h-5" />
</Button> </Button>
</Card>
) : ( ) : (
<Card> <Card>
<CardHeader className="flex flex-row items-center justify-between pb-2"> <CardHeader className="flex flex-row items-center justify-between pb-2">

View File

@@ -243,7 +243,6 @@ export default function Manufacturers() {
> >
<div className="sticky top-24"> <div className="sticky top-24">
{sidebarCollapsed ? ( {sidebarCollapsed ? (
<Card className="p-2">
<Button <Button
variant="ghost" variant="ghost"
className="w-full" className="w-full"
@@ -252,7 +251,6 @@ export default function Manufacturers() {
> >
<PanelLeftOpen className="w-5 h-5" /> <PanelLeftOpen className="w-5 h-5" />
</Button> </Button>
</Card>
) : ( ) : (
<Card> <Card>
<CardHeader className="flex flex-row items-center justify-between pb-2"> <CardHeader className="flex flex-row items-center justify-between pb-2">

View File

@@ -301,7 +301,6 @@ const Operators = () => {
> >
<div className="sticky top-24"> <div className="sticky top-24">
{sidebarCollapsed ? ( {sidebarCollapsed ? (
<Card className="p-2">
<Button <Button
variant="ghost" variant="ghost"
className="w-full" className="w-full"
@@ -310,7 +309,6 @@ const Operators = () => {
> >
<PanelLeftOpen className="w-5 h-5" /> <PanelLeftOpen className="w-5 h-5" />
</Button> </Button>
</Card>
) : ( ) : (
<Card> <Card>
<CardHeader className="flex flex-row items-center justify-between pb-2"> <CardHeader className="flex flex-row items-center justify-between pb-2">

View File

@@ -501,7 +501,6 @@ export default function Parks() {
> >
<div className="sticky top-24"> <div className="sticky top-24">
{sidebarCollapsed ? ( {sidebarCollapsed ? (
<Card className="p-2">
<Button <Button
variant="ghost" variant="ghost"
className="w-full" className="w-full"
@@ -510,12 +509,6 @@ export default function Parks() {
> >
<PanelLeftOpen className="w-5 h-5" /> <PanelLeftOpen className="w-5 h-5" />
</Button> </Button>
{activeFilterCount > 0 && (
<Badge variant="secondary" className="w-full mt-2 justify-center">
{activeFilterCount}
</Badge>
)}
</Card>
) : ( ) : (
<Card> <Card>
<CardHeader className="flex flex-row items-center justify-between pb-2"> <CardHeader className="flex flex-row items-center justify-between pb-2">

View File

@@ -251,7 +251,6 @@ export default function Rides() {
> >
<div className="sticky top-24"> <div className="sticky top-24">
{sidebarCollapsed ? ( {sidebarCollapsed ? (
<Card className="p-2">
<Button <Button
variant="ghost" variant="ghost"
className="w-full" className="w-full"
@@ -260,7 +259,6 @@ export default function Rides() {
> >
<PanelLeftOpen className="w-5 h-5" /> <PanelLeftOpen className="w-5 h-5" />
</Button> </Button>
</Card>
) : ( ) : (
<Card> <Card>
<CardHeader className="flex flex-row items-center justify-between pb-2"> <CardHeader className="flex flex-row items-center justify-between pb-2">