fix: logo to left of site name, visible size, two-line header

- Logo (24px) sits to the LEFT of $ protocol-droid on the first line
- Crumb path wraps to second line below
- Both in a column layout via .crumb-main wrapper
- Logo is clearly visible at 24x24px
This commit is contained in:
Protocolbot
2026-07-08 22:44:55 -06:00
parent 059ebd68e5
commit 762b050132
2 changed files with 14 additions and 9 deletions
+5 -7
View File
@@ -4,19 +4,17 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Protocol Droid</title>
<link rel="icon" type="image/svg+xml" href="frontend/logo.svg">
<link rel="icon" type="image/png" sizes="32x32" href="frontend/favicon.ico">
<link rel="apple-touch-icon" href="frontend/icon-192.png">
<link rel="manifest" href="manifest.json">
<link rel="stylesheet" href="frontend/style.css">
<link rel="stylesheet" href="/frontend/style.css">
<meta name="theme-color" content="#0a1929">
</head>
<body>
<header>
<div class="breadcrumb" onclick="navigate('library')">
<img src="frontend/logo.svg" class="header-logo" alt="Protocol Droid">
<span><span class="prompt">$</span> protocol-droid</span>
<div class="crumb-main">
<img src="frontend/logo.svg" class="header-logo" alt="">
<span><span class="prompt">$</span> protocol-droid</span>
</div>
<span class="crumb-path" id="crumbPath"></span>
</div>
<nav id="navBar">