feat(window): add default inner padding to Window body
Publish npm package / publish (push) Successful in 17s
Publish npm package / publish (push) Successful in 17s
Window children rendered flush against the frame, so content (settings rows, placeholder text) touched the left edge. Wrap children in .modern-sk-window-body with 16px padding for consistent breathing room. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -21,6 +21,6 @@ export const Window = ({
|
|||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
{children}
|
<div className="modern-sk-window-body">{children}</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -1227,6 +1227,9 @@ textarea.modern-sk-field {
|
|||||||
background: var(--steel-800);
|
background: var(--steel-800);
|
||||||
box-shadow: var(--shadow-window);
|
box-shadow: var(--shadow-window);
|
||||||
}
|
}
|
||||||
|
.modern-sk-window-body {
|
||||||
|
padding: 16px;
|
||||||
|
}
|
||||||
.modern-sk-titlebar {
|
.modern-sk-titlebar {
|
||||||
height: 42px;
|
height: 42px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
Reference in New Issue
Block a user