oleh/astrolabe-nvc
1
0
Fork 0
mirror of https://github.com/olehomelchenko/astrolabe-nvc.git synced 2025-12-21 13:12:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: update header icons and links for improved clarity and accessibility

Browse Source
This commit is contained in:
Oleh Omelchenko
2025-10-18 02:52:55 +03:00
parent 9ef7b1188f
commit 99dd70798e
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@@ -22,15 +22,15 @@
<!-- Header -->
<div class="header">
<div class="header-left">
<span class="header-icon">🔭</span>
<img src="src/favicon.svg" class="header-icon" alt="Astrolabe">
<span class="header-title">Astrolabe</span>
</div>
<div class="header-links">
<span class="header-link" id="import-link" title="Import snippets from JSON file">Import</span>
<span class="header-link" id="export-link" title="Export all snippets to JSON file">Export</span>
<span class="header-link" id="datasets-link" title="Open dataset manager (Cmd/Ctrl+K)">Datasets</span>
<span class="header-link" id="settings-link" title="Open settings (Cmd/Ctrl+,)">Settings</span>
<span class="header-link" id="help-link" title="View keyboard shortcuts and help">Help</span>
<span class="header-link" id="settings-link" title="Open settings (Cmd/Ctrl+,)">Settings 🛠️</span>
<span class="header-link" id="help-link" title="View keyboard shortcuts and help">About & Privacy</span>
<span class="header-link" id="donate-link" title="Support Astrolabe creators">Donate 🇺🇦</span>
<input type="file" id="import-file-input" accept=".json" style="display: none;" />
</div>

2
src/styles.css
View File

@@ -41,7 +41,7 @@ body { font-family: var(--font-main); height: 100vh; overflow: hidden; backgroun
/* Header */
.header { background: var(--win-gray); border-bottom: 2px solid var(--win-gray-dark); padding: 6px 12px; display: flex; align-items: center; justify-content: space-between; height: 36px; flex-shrink: 0; }
.header-left { display: flex; align-items: center; gap: 10px; }
.header-icon { font-size: 20px; }
.header-icon { width: 24px; height: 24px; display: block; flex-shrink: 0; }
.header-title { font-size: 14px; font-weight: bold; }
.header-links { display: flex; gap: 16px; }
.header-link { font-size: 12px; text-decoration: underline; cursor: pointer; color: var(--text-primary); }