diff --git a/wwwroot/css/dashboard.css b/wwwroot/css/dashboard.css index e3e1f31..b35f618 100644 --- a/wwwroot/css/dashboard.css +++ b/wwwroot/css/dashboard.css @@ -2,6 +2,29 @@ padding: var(--page-padding); } +.dashboard-header { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: var(--page-spacing); +} + +.dashboard-title { + margin: 0; +} + +.dashboard-link { + color: var(--text); + text-decoration: none; + opacity: var(--semi-transparent); + transition: opacity var(--transition-duration); +} + +.dashboard-link:hover { + opacity: 1; + color: var(--text-accent); +} + .dashboard section { margin-bottom: var(--page-spacing); width: 100%; diff --git a/wwwroot/css/mobile.css b/wwwroot/css/mobile.css index 868d004..28da52c 100644 --- a/wwwroot/css/mobile.css +++ b/wwwroot/css/mobile.css @@ -1,8 +1,5 @@ /* === Mobile === */ @media (max-width: 768px) { - #nav { - display: none; - } .msg, .tool-box { max-width: 100%; } diff --git a/wwwroot/css/nav.css b/wwwroot/css/nav.css deleted file mode 100644 index 911c2cb..0000000 --- a/wwwroot/css/nav.css +++ /dev/null @@ -1,41 +0,0 @@ -#nav { - border-bottom: var(--border-width) solid var(--f2-border); - flex-shrink: 0; - display: flex; - justify-content: center; -} - -.nav-content { - display: flex; - align-items: center; - gap: var(--page-spacing); - width: var(--page-width); - max-width: 100%; - padding: var(--box-padding); - transition: var(--transition-duration); -} - -.nav-brand, -.nav-link { - padding: var(--badge-padding); - color: var(--text); - border-bottom: 2px solid transparent; -} - -.nav-links { - display: flex; - gap: var(--box-spacing); -} - -.nav-link { - text-decoration: none; -} - -.nav-link:hover { - color: var(--text-accent); -} - -.nav-link.active { - color: var(--text-accent); - border-bottom-color: var(--primary); -} diff --git a/wwwroot/index.html b/wwwroot/index.html index 3a2f0d7..f4af220 100644 --- a/wwwroot/index.html +++ b/wwwroot/index.html @@ -10,7 +10,7 @@ - + @@ -24,16 +24,6 @@
- - @@ -41,6 +31,10 @@