fix(frontend): align card body spacing with node cards

This commit is contained in:
Sagit
2026-02-19 10:16:59 +00:00
parent d1460ab9c7
commit c4d807f1c4
5 changed files with 6 additions and 6 deletions
+1 -1
View File
@@ -1260,7 +1260,7 @@ export default function ForwardPage() {
return ( return (
<Card <Card
key={forward.id} key={forward.id}
className="group shadow-sm border border-divider hover:shadow-md transition-shadow duration-200" className="group shadow-sm border border-divider hover:shadow-md transition-shadow duration-200 overflow-hidden"
> >
<CardHeader className="pb-2 md:pb-2"> <CardHeader className="pb-2 md:pb-2">
<div className="flex justify-between items-start w-full"> <div className="flex justify-between items-start w-full">
+2 -2
View File
@@ -235,7 +235,7 @@ export default function LimitPage() {
{rules.map((rule) => ( {rules.map((rule) => (
<Card <Card
key={rule.id} key={rule.id}
className="shadow-sm border border-gray-200 dark:border-gray-700" className="shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden"
> >
<CardHeader className="pb-2 md:pb-2"> <CardHeader className="pb-2 md:pb-2">
<div className="flex justify-between items-start w-full"> <div className="flex justify-between items-start w-full">
@@ -253,7 +253,7 @@ export default function LimitPage() {
</Chip> </Chip>
</div> </div>
</CardHeader> </CardHeader>
<CardBody className="pt-0 md:pt-0"> <CardBody className="pt-0 pb-3 md:pt-0 md:pb-3">
<div className="space-y-3"> <div className="space-y-3">
<div className="flex justify-between items-center"> <div className="flex justify-between items-center">
<span className="text-small text-default-600"> <span className="text-small text-default-600">
+1 -1
View File
@@ -740,7 +740,7 @@ export default function TunnelPage() {
{(listeners) => ( {(listeners) => (
<Card <Card
key={tunnel.id} key={tunnel.id}
className="group shadow-sm border border-divider hover:shadow-md transition-shadow duration-200" className="group shadow-sm border border-divider hover:shadow-md transition-shadow duration-200 overflow-hidden"
> >
<CardHeader className="pb-2 md:pb-2"> <CardHeader className="pb-2 md:pb-2">
<div className="flex justify-between items-start w-full"> <div className="flex justify-between items-start w-full">
+1 -1
View File
@@ -688,7 +688,7 @@ export default function UserPage() {
return ( return (
<Card <Card
key={user.id} key={user.id}
className="shadow-sm border border-divider hover:shadow-md transition-shadow duration-200" className="shadow-sm border border-divider hover:shadow-md transition-shadow duration-200 overflow-hidden"
> >
<CardHeader className="pb-2 md:pb-2"> <CardHeader className="pb-2 md:pb-2">
<div className="flex justify-between items-start w-full"> <div className="flex justify-between items-start w-full">
@@ -16,5 +16,5 @@ export function CardHeader({ className, ...props }: React.ComponentProps<"div">)
} }
export function CardBody({ className, ...props }: React.ComponentProps<"div">) { export function CardBody({ className, ...props }: React.ComponentProps<"div">) {
return <CardContent className={cn("p-4 md:p-6", className)} {...props} />; return <CardContent className={cn("p-4 pt-0 md:p-6 md:pt-0", className)} {...props} />;
} }