santasri.pachhal/road-monitoring-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styles: refactor codebase base style

Browse Source
This commit is contained in:
santasri.pachhal
2026-06-17 14:46:12 +05:30
parent 182d4ac293
commit 15f54372f4
43 changed files with 161 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/(modules)/plans/components/PlanColumns.tsx
View File

@@ -47,8 +47,8 @@ export function usePlanColumns({
header: 'Plan',
cell: ({ row }) => (
<div>
<p className="font-medium">{row.original.name}</p>
<p className="text-xs text-muted-foreground">{row.original.slug}</p>
<p>{row.original.name}</p>
<p className="text-muted-foreground">{row.original.slug}</p>
</div>
),
},
@@ -67,7 +67,7 @@ export function usePlanColumns({
header: 'Limits',
enableSorting: false,
cell: ({ row }) => (
<div className="text-xs text-muted-foreground">
<div className="text-muted-foreground">
<p>{row.original.max_projects} projects</p>
<p>{row.original.max_users} users</p>
</div>

10
src/app/(modules)/plans/components/PlanSheet.tsx
View File

@@ -93,7 +93,7 @@ export function PlanSheet({
placeholder="Basic plan for small teams"
{...register('description', { required: true })}
required
className="min-h-20 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
className="min-h-20 w-full rounded-md border border-input bg-background px-3 py-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
/>
</div>
@@ -180,7 +180,7 @@ export function PlanSheet({
</div>
<div className="flex flex-wrap gap-5">
<label className="flex items-center gap-2 text-sm">
<label className="flex items-center gap-2">
<input
type="checkbox"
className="size-4 rounded border-border accent-primary"
@@ -188,7 +188,7 @@ export function PlanSheet({
/>
Active
</label>
<label className="flex items-center gap-2 text-sm">
<label className="flex items-center gap-2">
<input
type="checkbox"
className="size-4 rounded border-border accent-primary"
@@ -201,10 +201,10 @@ export function PlanSheet({
<div className="space-y-3">
<div className="flex items-center justify-between gap-3">
<Label>Permissions</Label>
<span className="text-xs text-muted-foreground">{permissionIds.length} selected</span>
<span className="text-muted-foreground">{permissionIds.length} selected</span>
</div>
{isPermissionsLoading ? (
<div className="rounded-md border p-6 text-sm text-muted-foreground">
<div className="rounded-md border p-6 text-muted-foreground">
Loading permissions...
</div>
) : (

3
src/app/(modules)/plans/page.tsx
View File

@@ -4,7 +4,6 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
import { BadgeIndianRupee, Plus } from 'lucide-react';
import { PageHeader } from '@/components/page-header';
import { PoweredBy } from '@/components/powered-by';
import { Button } from '@/components/ui/button';
import { PERMISSIONS } from '@/constants/permissions';
import { PermissionGuard } from '@/guards';
@@ -174,8 +173,6 @@ export default function PlansPage() {
onLimitChange={setLimit}
onSortingChange={setSorting}
/>
<PoweredBy />
</main>
<PlanSheet