mirror of
https://github.com/hansjone/mind-map.git
synced 2026-10-09 02:10:45 +08:00
feat: add PNG/SVG export and expandable card property tips
Toolbar exports PNG (fit+raster) and SVG; card click expands full fields, hover shows property tooltips, double-click opens the editor. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
parent
23ff27122f
commit
4c9bd5b86f
22 changed files with 978 additions and 315 deletions
20
apps/web/src/PropTooltip.tsx
Normal file
20
apps/web/src/PropTooltip.tsx
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
/** Floating property detail tip (card view hover). */
|
||||
|
||||
export function PropTooltip({
|
||||
label,
|
||||
value,
|
||||
x,
|
||||
y,
|
||||
}: {
|
||||
label: string;
|
||||
value: string;
|
||||
x: number;
|
||||
y: number;
|
||||
}) {
|
||||
return (
|
||||
<div className="prop-tooltip" style={{ left: x, top: y }} role="tooltip">
|
||||
<div className="prop-tooltip__label">{label}</div>
|
||||
<div className="prop-tooltip__value">{value}</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue