feat: add GitHub link in panel footer

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-31 15:42:55 +02:00
parent d68f954a7d
commit 071e4f91ac
2 changed files with 34 additions and 0 deletions

View File

@@ -715,6 +715,27 @@ html, body, #root {
.legend-item:hover .legend-eye { opacity: 1; }
.legend-item.hidden .legend-eye { opacity: 1; color: var(--danger); }
/* ─── Panel footer ──────────────────────────────────────────────────── */
.panel-footer {
margin-top: auto;
padding: 12px 16px;
border-top: 1px solid var(--panel-border);
flex-shrink: 0;
}
.github-link {
display: flex;
align-items: center;
gap: 6px;
color: var(--text-muted);
text-decoration: none;
font-size: 11px;
font-weight: 500;
transition: color var(--transition-fast);
width: fit-content;
}
.github-link:hover { color: var(--text); }
/* ─── Landing page ──────────────────────────────────────────────────── */
.landing {
position: fixed; inset: 0; z-index: 9999;

View File

@@ -224,6 +224,19 @@ export function ControlPanel({ mapRef }: ControlPanelProps): React.JSX.Element {
</div>
</section>
)}
<div className="panel-footer">
<a
href="https://github.com/DaKerboul/isochrone-app"
target="_blank"
rel="noopener noreferrer"
className="github-link"
>
<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 2C6.477 2 2 6.477 2 12c0 4.418 2.865 8.166 6.839 9.489.5.092.682-.217.682-.482 0-.237-.009-.868-.013-1.703-2.782.603-3.369-1.342-3.369-1.342-.454-1.155-1.11-1.462-1.11-1.462-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.087 2.91.831.092-.646.35-1.086.636-1.336-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.578 9.578 0 0 1 12 6.836a9.59 9.59 0 0 1 2.504.337c1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.203 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.578.688.48C19.138 20.163 22 16.418 22 12c0-5.523-4.477-10-10-10z"/>
</svg>
View on GitHub
</a>
</div>
</aside>
)
}