mirror of
https://github.com/Sagit-chu/flvx.git
synced 2026-10-08 18:56:37 +08:00
fix(frontend): align card body spacing with node cards
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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} />;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user