fix: smaller cuter logo, no mouth, snug in header bar

- Smaller head, removed mouth grill, bigger cuter eyes with green centers
- Compact viewBox (100x100) with no empty space below shoulders
- Logo sized 18x22px in header — fits within the bar without resizing it
- Regenerated all PWA icons (192, 512) and favicon
This commit is contained in:
Protocolbot
2026-07-08 22:42:18 -06:00
parent 98ab983f38
commit 059ebd68e5
5 changed files with 21 additions and 17 deletions
+5 -4
View File
@@ -71,6 +71,7 @@ header .breadcrumb {
}
header .breadcrumb .prompt { color: var(--green-bright); font-weight: normal; }
header .breadcrumb:hover { text-decoration: none; }
.header-logo { width: 18px; height: 22px; flex-shrink: 0; margin-right: 4px; display: block; }
header .crumb-path {
font-size: 11px;
color: var(--ink-dim);
@@ -246,8 +247,8 @@ header nav a.active { color: var(--accent-bright); border-color: rgba(0,170,255,
font-size: 13px; color: var(--ink-soft); font-family: var(--sans);
word-break: break-word; line-height: 1.4;
}
.protocol-pill .meta { font-family: var(--mono); font-size: 11px; color: var(--ink-dim); text-align: right; flex: 0 0 auto; max-width: 140px; }
.protocol-pill .meta .steps { color: var(--accent); font-weight: bold; white-space: nowrap; }
.protocol-pill .meta { font-family: var(--mono); font-size: 11px; color: var(--ink-dim); text-align: right; flex-shrink: 0; white-space: nowrap; }
.protocol-pill .meta .steps { color: var(--accent); font-weight: bold; }
.protocol-pill.collection {
background: var(--ink); color: #fff; border-color: var(--accent-deep);
}
@@ -522,9 +523,9 @@ header nav a.active { color: var(--accent-bright); border-color: rgba(0,170,255,
/* Protocol pills: info takes full width, meta goes below */
.protocol-pill { flex-direction: column; align-items: stretch; padding: 12px 14px; gap: 6px; }
.protocol-pill .info { width: 100%; }
.protocol-pill .meta { text-align: left; display: flex; gap: 12px; align-items: center; max-width: 100%; overflow: hidden; }
.protocol-pill .meta { text-align: left; display: flex; gap: 12px; align-items: center; }
.protocol-pill .meta .steps { }
.protocol-pill .meta > div:not(.steps) { font-size: 10px; overflow: hidden; text-overflow: ellipsis; }
.protocol-pill .meta > div:not(.steps) { font-size: 10px; }
.detail-header, .detail-section { padding: 16px 14px; border-radius: 12px; }
}