fix controls spanning full width at bottom
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
c8be1d679e
commit
6c2c16afbe
1 changed files with 9 additions and 0 deletions
|
|
@ -46,12 +46,19 @@
|
|||
body {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-family: 'Roboto Mono', monospace;
|
||||
background: var(--bg);
|
||||
color: var(--fg);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.top-row {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* ── Left sidebar ── */
|
||||
.sidebar {
|
||||
width: 220px;
|
||||
|
|
@ -390,6 +397,7 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div class="top-row">
|
||||
<!-- Left sidebar -->
|
||||
<div class="sidebar" id="sidebar">
|
||||
<div class="sidebar-top">
|
||||
|
|
@ -422,6 +430,7 @@
|
|||
<canvas id="drawing-canvas"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- end .top-row -->
|
||||
|
||||
<!-- Drawing controls -->
|
||||
<div class="draw-controls" id="draw-controls">
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue