byun/esp32s3_CANFD_logger
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

디자인 통일

Browse Source
This commit is contained in:
byun
2026-04-30 19:00:06 +00:00
parent 8a66171899
commit e0650bdbf8
6 changed files with 1266 additions and 353 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
settings.h
View File

@@ -1,6 +1,5 @@
#ifndef SETTINGS_H
#define SETTINGS_H
const char settings_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:16px;max-width:700px}
.card{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:16px;margin-bottom:12px}
@@ -38,8 +43,11 @@ input[type=checkbox]{width:16px;height:16px;margin-right:6px;accent-color:#1f6fe
</style>
</head><body>
<nav>
<span class="title">⚡ CANFD Logger</span>
<a href="/">대시보드</a><a href="/transmit">송신</a><a href="/graph">그래프</a>
<span class="nav-title">⚡ CANFD Logger</span>
<a href="/">대시보드</a>
<a href="/transmit">송신</a>
<a href="/graph">그래프</a>
<a href="/graph-view">그래프 뷰어</a>
<a href="/settings" class="active">설정</a>
</nav>
<div class="container">