web using penguin-ui
This commit is contained in:
@@ -25,15 +25,10 @@
|
||||
textarea { resize: vertical; font: 13px/1.5 ui-monospace, monospace; }
|
||||
main { width: min(1500px, calc(100% - 40px)); margin: 34px auto; }
|
||||
|
||||
/* ---------- Navbar (components/navbar.html) ---------- */
|
||||
|
||||
.topbar { min-height: 58px; padding: 0 28px; display: flex; align-items: center; justify-content: space-between; color: #eef4ff; background: #152238; }
|
||||
.topbar > div, .topbar nav { display: flex; align-items: center; gap: 18px; }
|
||||
.topbar a, .link-button { color: #cbd7e8; text-decoration: none; background: transparent; border: 0; cursor: pointer; padding: 8px 2px; width: auto; }
|
||||
.topbar a:hover, .link-button:hover, .topbar a.active { color: white; }
|
||||
.topbar a.active { border-bottom: 2px solid #68a4ff; }
|
||||
.topbar form { margin: 0; }
|
||||
.role { color: #9fb0c8; font-size: 12px; }
|
||||
/* ---------- Navbar ----------
|
||||
Nothing here: the navbar is Penguin UI's, styled by its own Tailwind
|
||||
classes in ui/navbar.html. The dark `.topbar` bar this replaced was the
|
||||
last hand-written component on the site. */
|
||||
|
||||
/* ---------- Page heading (components/heading.html) ---------- */
|
||||
|
||||
@@ -189,8 +184,6 @@
|
||||
.heading { align-items: start; flex-direction: column; }
|
||||
.workspace { grid-template-columns: 1fr; }
|
||||
.pane + .pane { border-left: 0; border-top: 1px solid #e1e5eb; }
|
||||
.topbar { padding: 10px 16px; align-items: start; gap: 10px; }
|
||||
.topbar, .topbar nav { flex-wrap: wrap; }
|
||||
.analytics { grid-template-columns: 1fr; }
|
||||
.sidebar { position: static; max-height: none; }
|
||||
.query-row { grid-template-columns: 1fr; }
|
||||
|
||||
Reference in New Issue
Block a user