feat: restructure topnav with right-aligned icon-only tools and leaderboard

Move Leaderboard link into a right-aligned icon-only button group alongside Tools dropdown, converting both from text+caret to compact icon buttons. Adjust dropdown menu alignment from left to right and remove redundant caret styling.
This commit is contained in:
2026-06-22 17:53:20 +00:00
parent 412dbe3a3d
commit a9d0814c47
2 changed files with 9 additions and 8 deletions
+3 -4
View File
@@ -601,14 +601,13 @@ img {
.topnav-user-dropdown.open .dropdown-menu { display: block; }
.topnav-tools-dropdown { position: relative; }
.topnav-tools-toggle { display: inline-flex; align-items: center; gap: 0.25rem; background: none; border: none; cursor: pointer; font-family: inherit; }
.topnav-tools-dropdown.active .topnav-tools-toggle { color: var(--accent); background: var(--accent-light); }
.topnav-caret { font-size: 0.625rem; }
.topnav-tools-toggle { display: inline-flex; align-items: center; }
.topnav-tools-dropdown.active .topnav-tools-toggle { color: var(--accent); }
.topnav-tools-dropdown .dropdown-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
min-width: 180px;
background: var(--bg-secondary);
border: 1px solid var(--border);