kibin/fiberops-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Settings Areas & Zones button spacing (FIBEROPS-59) #9

Merged
kibin merged 1 commits from fix/FIBEROPS-59-areas-zones-spacing into main 2026-03-31 13:15:35 +00:00
Conversation 1 Commits 1 Files Changed 1 +14 -20
1 changed files with 14 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
app/(app)/settings/page.tsx
View File

@@ -285,16 +285,14 @@ function AreasSettings() {
<div className="space-y-4"> <div className="space-y-4">
<Card> <Card>
<CardHeader> <CardHeader>
<div className="flex items-center justify-between"> <CardTitle>Areas & Zones</CardTitle>
<CardTitle>Areas & Zones</CardTitle> <div className="flex gap-2">
<div className="flex gap-2"> <Button size="sm" variant="outline" onClick={() => setShowAddArea(true)}>
<Button size="sm" variant="outline" onClick={() => setShowAddArea(true)}> + Area
+ Area </Button>
</Button> <Button size="sm" variant="outline" onClick={() => setShowAddZone(true)}>
<Button size="sm" variant="outline" onClick={() => setShowAddZone(true)}> + Zone
+ Zone </Button>
</Button>
</div>
</div> </div>
</CardHeader> </CardHeader>
<CardContent className="p-0"> <CardContent className="p-0">
@@ -489,12 +487,10 @@ function PlansSettings() {
<div className="space-y-4"> <div className="space-y-4">
<Card> <Card>
<CardHeader> <CardHeader>
<div className="flex items-center justify-between"> <CardTitle>Plans</CardTitle>
<CardTitle>Plans</CardTitle> <Button size="sm" onClick={() => setShowAdd(true)}>
<Button size="sm" onClick={() => setShowAdd(true)}> + Add Plan
+ Add Plan </Button>
</Button>
</div>
</CardHeader> </CardHeader>
<CardContent className="p-0"> <CardContent className="p-0">
<Table> <Table>
@@ -681,10 +677,8 @@ function UsersSettings() {
<div className="space-y-4"> <div className="space-y-4">
<Card> <Card>
<CardHeader> <CardHeader>
<div className="flex items-center justify-between"> <CardTitle>Users ({users.length})</CardTitle>
<CardTitle>Users ({users.length})</CardTitle> <Button size="sm" onClick={() => setShowAdd(true)}>+ Add User</Button>
<Button size="sm" onClick={() => setShowAdd(true)}>+ Add User</Button>
</div>
</CardHeader> </CardHeader>
<CardContent className="p-0"> <CardContent className="p-0">
<Table> <Table>