feat(header): add Download App button for web users (#734)

Adds a download button in the header (web-only) that detects the user's
platform via navigator.userAgentData (with navigator.platform fallback)
and opens the correct installer URL. Hidden on mobile viewports.

Co-authored-by: AaronCorkyj <AaronCorkyj@users.noreply.github.com>
This commit is contained in:
Elie Habib
2026-03-02 10:12:24 +04:00
committed by GitHub
parent 697f334a98
commit f4e1159a18
4 changed files with 42 additions and 2 deletions

View File

@@ -719,6 +719,25 @@ canvas,
border-color: var(--text);
}
.download-btn {
padding: 4px 10px;
background: transparent;
border: 1px solid var(--border);
color: var(--text);
font-family: inherit;
font-size: 11px;
cursor: pointer;
transition: all 0.2s;
display: flex;
align-items: center;
gap: 6px;
}
.download-btn:hover {
border-color: var(--accent);
color: var(--accent);
}
.search-btn kbd {
background: var(--bg-secondary);
padding: 2px 5px;
@@ -9293,7 +9312,8 @@ a.prediction-link:hover {
}
/* Hide non-essential header items */
.copy-link-btn {
.copy-link-btn,
.download-btn {
display: none;
}
}