[dyad] Added padding to headline tree - wrote 1 file(s)
This commit is contained in:
@@ -2,6 +2,7 @@
|
|||||||
|
|
||||||
import { Badge } from "@/components/ui/badge";
|
import { Badge } from "@/components/ui/badge";
|
||||||
import type { HeadlineNode } from "@/app/actions";
|
import type { HeadlineNode } from "@/app/actions";
|
||||||
|
import { cn } from "@/lib/utils";
|
||||||
|
|
||||||
interface HeadlineTreeProps {
|
interface HeadlineTreeProps {
|
||||||
headlines: HeadlineNode[];
|
headlines: HeadlineNode[];
|
||||||
@@ -15,10 +16,10 @@ const HeadlineNodeDisplay = ({
|
|||||||
level: number;
|
level: number;
|
||||||
}) => {
|
}) => {
|
||||||
return (
|
return (
|
||||||
<div className="flex flex-col">
|
<div className="flex flex-col border-t first:border-t-0">
|
||||||
<div
|
<div
|
||||||
className="flex items-center gap-3 py-2.5 border-b"
|
className="flex items-center gap-3 py-2.5 pr-4"
|
||||||
style={{ paddingLeft: `${level * 24}px` }}
|
style={{ paddingLeft: `${16 + level * 24}px` }}
|
||||||
>
|
>
|
||||||
<Badge
|
<Badge
|
||||||
variant="secondary"
|
variant="secondary"
|
||||||
|
|||||||
Reference in New Issue
Block a user