feat(quick-1): add TCK logo to all 4 template navigation bars

- Added .nav-logo CSS styling to dashboard.html, settings.html, calibration.html, files.html
- Added logo image at start of each navigation bar using logo/[LOGO] TCK.svg
- Logo displays at 40px height, touch-friendly sizing
This commit is contained in:
2026-03-12 11:37:31 +08:00
parent 7407de54d2
commit d18ef952ec
4 changed files with 55 additions and 116 deletions

View File

@@ -62,6 +62,18 @@
border: 1px solid #dee2e6;
}
/* Logo in navigation */
.nav-logo {
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
}
.nav-logo img {
max-height: 40px;
width: auto;
}
/* Calibration cards */
.calib-card {
background: var(--card-bg);
@@ -200,6 +212,9 @@
<body>
<!-- Navigation Menu -->
<nav class="nav-menu">
<a href="/" class="nav-logo">
<img src="logo/[LOGO] TCK.svg" alt="TCK" height="40">
</a>
<a href="/" class="nav-btn">
<i class="bi bi-speedometer2"></i> Dashboard
</a>