959e4975e3
Update tab indicator to blue dot (was green), add italic font style to unsaved tab title, rename frame to match new behavior. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
185 lines
4.4 KiB
Plaintext
185 lines
4.4 KiB
Plaintext
{
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "nnc_pending_save",
|
|
"name": "New Note Creation — Unsaved State (Cmd+N)",
|
|
"x": 0,
|
|
"y": 0,
|
|
"width": 800,
|
|
"height": 120,
|
|
"fill": "$--background",
|
|
"layout": "horizontal",
|
|
"gap": 0,
|
|
"padding": [
|
|
0,
|
|
0
|
|
],
|
|
"theme": {
|
|
"Mode": "Light"
|
|
},
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "nnc_tab_bar",
|
|
"name": "Tab Bar",
|
|
"layout": "horizontal",
|
|
"width": 800,
|
|
"height": 40,
|
|
"fill": "$--card",
|
|
"gap": 0,
|
|
"padding": [
|
|
0,
|
|
8
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "nnc_tab_active",
|
|
"name": "Tab — Unsaved Note (blue dot + italic)",
|
|
"layout": "horizontal",
|
|
"width": 180,
|
|
"height": 40,
|
|
"fill": "$--background",
|
|
"gap": 6,
|
|
"padding": [
|
|
0,
|
|
12
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "rectangle",
|
|
"id": "nnc_dot_pending",
|
|
"width": 8,
|
|
"height": 8,
|
|
"cornerRadius": 4,
|
|
"fill": "#3b82f6"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"id": "nnc_tab_label",
|
|
"content": "Untitled Note",
|
|
"fill": "$--foreground",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "400",
|
|
"fontStyle": "italic"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "nnc_editor_area",
|
|
"name": "Editor — Empty New Note",
|
|
"layout": "vertical",
|
|
"width": 800,
|
|
"height": 80,
|
|
"fill": "$--background",
|
|
"gap": 8,
|
|
"padding": [
|
|
16,
|
|
24
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "nnc_placeholder",
|
|
"content": "Start typing...",
|
|
"fill": "$--muted-foreground",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 14
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "nnc_after_first_save",
|
|
"name": "New Note Creation — After First Save",
|
|
"x": 820,
|
|
"y": 0,
|
|
"width": 800,
|
|
"height": 120,
|
|
"fill": "$--background",
|
|
"layout": "vertical",
|
|
"gap": 0,
|
|
"padding": [
|
|
0,
|
|
0
|
|
],
|
|
"theme": {
|
|
"Mode": "Light"
|
|
},
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "nnc_tab_bar_saved",
|
|
"name": "Tab Bar — Saved",
|
|
"layout": "horizontal",
|
|
"width": 800,
|
|
"height": 40,
|
|
"fill": "$--card",
|
|
"gap": 0,
|
|
"padding": [
|
|
0,
|
|
8
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "frame",
|
|
"id": "nnc_tab_saved",
|
|
"name": "Tab — Saved Note",
|
|
"layout": "horizontal",
|
|
"width": 180,
|
|
"height": 40,
|
|
"fill": "$--background",
|
|
"gap": 6,
|
|
"padding": [
|
|
0,
|
|
12
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "nnc_tab_label_saved",
|
|
"content": "My New Note",
|
|
"fill": "$--foreground",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 13,
|
|
"fontWeight": "400"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "frame",
|
|
"id": "nnc_editor_saved",
|
|
"name": "Editor — Note with Content",
|
|
"layout": "vertical",
|
|
"width": 800,
|
|
"height": 80,
|
|
"fill": "$--background",
|
|
"gap": 8,
|
|
"padding": [
|
|
16,
|
|
24
|
|
],
|
|
"children": [
|
|
{
|
|
"type": "text",
|
|
"id": "nnc_content",
|
|
"content": "My New Note content...",
|
|
"fill": "$--foreground",
|
|
"fontFamily": "Inter",
|
|
"fontSize": 14
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
} |