diff --git a/web/desktop/css/app.css b/web/desktop/css/app.css new file mode 100644 index 000000000..bc2914d11 --- /dev/null +++ b/web/desktop/css/app.css @@ -0,0 +1,64 @@ +/* Main app styles */ +@import url('../shared/styles.css'); +@import url('chat.css'); + +/* Navbar styles */ +.navbar { + background: white; + color: #333; + padding: 0.5rem 1rem; + box-shadow: 0 2px 4px rgba(0,0,0,0.1); + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 1000; +} + +.nav-container { + display: flex; + align-items: center; + max-width: 1200px; + margin: 0 auto; +} + +.nav-brand { + font-weight: bold; + font-size: 1.2rem; + margin-right: 2rem; + color: #333; +} + +.nav-links { + display: flex; + list-style: none; + margin: 0; + padding: 0; +} + +.nav-link { + color: #555; + text-decoration: none; + padding: 0.5rem 1rem; + display: flex; + align-items: center; + transition: all 0.2s; +} + +.nav-link:hover { + color: #000; +} + +.nav-link.active { + color: #0066ff; + font-weight: 500; +} + +.nav-link i { + margin-right: 0.5rem; + color: #666; +} + +.nav-link.active i { + color: #0066ff; +} diff --git a/web/desktop/index.html b/web/desktop/index.html index 9ea8c32d2..852202356 100644 --- a/web/desktop/index.html +++ b/web/desktop/index.html @@ -4,16 +4,13 @@