diff --git a/palette b/palette index d990489..e22f3c0 100755 Binary files a/palette and b/palette differ diff --git a/web/static/app.css b/web/static/app.css index 9103270..27d20d4 100644 --- a/web/static/app.css +++ b/web/static/app.css @@ -46,16 +46,16 @@ body { /* new paste page */ .deck { display: grid; grid-template-columns: 1fr 300px; gap: 16px; - padding: 16px 20px; height: calc(100vh - 52px); + padding: 16px 20px 20px; height: calc(100vh - 76px); max-width: 1400px; margin: 0 auto; } .pane-r { display: flex; flex-direction: column; gap: 16px; overflow-y: auto; padding-bottom: 4px; } .side-section { padding: 14px 16px; flex-shrink: 0; } .side-section h3 { font-size: 18.9px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted-fg); margin-bottom: 10px; } -.pane-l { display: flex; flex-direction: column; } +.pane-l-col { display: flex; flex-direction: column; gap: 14px; min-height: 0; } +.pane-l-head { flex-shrink: 0; } .editor-head { - display: flex; align-items: center; gap: 12px; padding: 10px 16px; - border-bottom: 1px solid var(--border); + display: flex; align-items: center; gap: 12px; padding: 12px 16px; } .editor-head input { border: none; outline: none; background: transparent; color: var(--fg); font: inherit; font-size: 23.2px; flex: 1; @@ -77,9 +77,10 @@ body { } .editor::placeholder { color: var(--muted); } .actionbar { - display: flex; align-items: center; gap: 14px; padding: 12px 16px; - border-top: 1px solid var(--border); + display: flex; align-items: center; gap: 14px; + padding: 10px 4px; } +.actionbar .btn { padding: 10px 26px; } .btn { background: var(--accent); color: var(--bg); border: none; cursor: pointer; padding: 8px 18px; border-radius: 8px; font: inherit; font-size: 22.4px; font-weight: 600; diff --git a/web/templates/new.html b/web/templates/new.html index f5537cd..e9a5325 100644 --- a/web/templates/new.html +++ b/web/templates/new.html @@ -1,19 +1,21 @@ {{template "head" .}} {{template "topbar" .}}