디자인 통일

This commit is contained in:
2026-04-30 19:00:06 +00:00
parent 8a66171899
commit e0650bdbf8
6 changed files with 1266 additions and 353 deletions

View File

@@ -1,6 +1,5 @@
#ifndef TRANSMIT_H
#define TRANSMIT_H
const char transmit_html[] PROGMEM = R"rawliteral(
<!DOCTYPE html><html lang="ko"><head>
<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
@@ -11,6 +10,12 @@ body{font-family:'Segoe UI',sans-serif;background:#0d1117;color:#c9d1d9;font-siz
nav{background:#161b22;border-bottom:1px solid #30363d;padding:8px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
nav a{color:#58a6ff;text-decoration:none;padding:4px 10px;border-radius:6px;font-size:12px}
nav a:hover{background:#21262d} nav a.active{background:#1f6feb;color:#fff}
nav{background:#161b22;border-bottom:1px solid #30363d;display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
nav::-webkit-scrollbar{display:none}
nav .nav-title{color:#43cea2;font-weight:700;font-size:1.0em;padding:10px 14px;white-space:nowrap;border-bottom:2px solid transparent}
nav a{display:inline-flex;align-items:center;padding:10px 13px;text-decoration:none;color:#8b949e;font-size:.78em;font-weight:500;border-bottom:2px solid transparent;white-space:nowrap;transition:color .2s,border-color .2s}
nav a:hover{color:#e6edf3}
nav a.active{color:#43cea2;border-bottom-color:#43cea2}
.title{color:#e6edf3;font-weight:700;font-size:15px;margin-right:8px}
.container{padding:12px;display:grid;gap:10px;max-width:900px}
.card{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:14px}
@@ -38,9 +43,12 @@ td{padding:5px 8px;border-bottom:1px solid #21262d}
</style>
</head><body>
<nav>
<span class="title"> CANFD Logger</span>
<a href="/"></a><a href="/transmit" class="active"></a>
<a href="/graph"></a><a href="/settings"></a>
<span class="nav-title"> CANFD Logger</span>
<a href="/"></a>
<a href="/transmit" class="active"></a>
<a href="/graph"></a>
<a href="/graph-view"> </a>
<a href="/settings"></a>
</nav>
<div class="container">
@@ -256,5 +264,4 @@ connect();
</script>
</body></html>
)rawliteral";
#endif