Skip to content

Commit bbbaa0d

Browse files
committed
feat: add line numbers and tab support to post-install script editor
Adds a synced line-number gutter, Tab key insertion, and widens the modal for a proper code-editor feel.
1 parent 9038891 commit bbbaa0d

File tree

1 file changed

+30
-3
lines changed

1 file changed

+30
-3
lines changed

src/lib/components/ConfigEditor.svelte

Lines changed: 30 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1449,7 +1449,7 @@
14491449
.script-modal {
14501450
position: relative;
14511451
width: 100%;
1452-
max-width: 760px;
1452+
max-width: 860px;
14531453
height: 80vh;
14541454
max-height: 700px;
14551455
background: var(--bg-primary);
@@ -1521,15 +1521,42 @@
15211521
overflow: hidden;
15221522
}
15231523
1524+
.code-editor {
1525+
display: flex;
1526+
height: 100%;
1527+
background: var(--bg-primary);
1528+
}
1529+
1530+
.line-gutter {
1531+
flex-shrink: 0;
1532+
width: 52px;
1533+
padding: 16px 0;
1534+
background: var(--bg-secondary, var(--bg-tertiary));
1535+
border-right: 1px solid var(--border);
1536+
overflow: hidden;
1537+
user-select: none;
1538+
text-align: right;
1539+
}
1540+
1541+
.line-number {
1542+
padding: 0 12px 0 0;
1543+
font-family: 'JetBrains Mono', monospace;
1544+
font-size: 0.8rem;
1545+
line-height: 1.7;
1546+
color: var(--text-muted);
1547+
opacity: 0.5;
1548+
}
1549+
15241550
.script-modal-textarea {
1551+
flex: 1;
15251552
width: 100%;
15261553
height: 100%;
1527-
padding: 20px;
1554+
padding: 16px 20px;
15281555
background: var(--bg-primary);
15291556
border: none;
15301557
color: var(--text-primary);
15311558
font-family: 'JetBrains Mono', monospace;
1532-
font-size: 0.85rem;
1559+
font-size: 0.8rem;
15331560
line-height: 1.7;
15341561
resize: none;
15351562
outline: none;

0 commit comments

Comments
 (0)