mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2026-07-20 15:05:48 +10:00
Amruth Pillai
6e7fc68068
- Add `import type * as React from "react"` to the 26 previews that reference `React.CSSProperties` under the automatic JSX runtime (React isn't a global type namespace there, so the annotation was unresolved standalone). - Accordion preview: use `multiple` instead of `openMultiple` — @base-ui/react 1.6 renamed the prop, so the multi-open cell wasn't actually multi-open. Skipped CodeRabbit's BrandIcon dark-mode note: the preview renders in the default light card (the dark <img> is hidden there); per-theme sources would need component support it doesn't expose. Claude-Session: https://claude.ai/code/session_01R8Aq8F1nTuvJwfut7g3DVE
46 lines
1.2 KiB
TypeScript
46 lines
1.2 KiB
TypeScript
import type * as React from "react";
|
|
import { Separator } from "@reactive-resume/ui/components/separator";
|
|
|
|
const block: React.CSSProperties = {
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
gap: 12,
|
|
padding: 20,
|
|
maxWidth: 360,
|
|
fontSize: 13,
|
|
color: "var(--foreground)",
|
|
};
|
|
const inline: React.CSSProperties = {
|
|
display: "flex",
|
|
alignItems: "center",
|
|
gap: 12,
|
|
padding: 20,
|
|
fontSize: 13,
|
|
color: "var(--muted-foreground)",
|
|
};
|
|
|
|
export const Horizontal = () => (
|
|
<div style={block}>
|
|
<div>
|
|
<strong style={{ display: "block", fontSize: 14 }}>Amruth Pillai</strong>
|
|
<span style={{ color: "var(--muted-foreground)" }}>Senior Software Engineer</span>
|
|
</div>
|
|
<Separator />
|
|
<span style={{ color: "var(--muted-foreground)" }}>
|
|
Building resume tooling at Reactive Resume. Open-source enthusiast.
|
|
</span>
|
|
</div>
|
|
);
|
|
|
|
export const Vertical = () => (
|
|
<div style={inline}>
|
|
<span>Profile</span>
|
|
<Separator orientation="vertical" style={{ height: 16 }} />
|
|
<span>Experience</span>
|
|
<Separator orientation="vertical" style={{ height: 16 }} />
|
|
<span>Education</span>
|
|
<Separator orientation="vertical" style={{ height: 16 }} />
|
|
<span>Skills</span>
|
|
</div>
|
|
);
|