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:
+5
-7
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user