From f2624aef94c15f7a641be89d312653701632846f Mon Sep 17 00:00:00 2001 From: "Rodrigo Rodriguez (Pragmatismo)" Date: Sat, 15 Nov 2025 20:00:29 -0300 Subject: [PATCH] feat(ui): update dashboard styles and expand layout sections Update dashboard CSS to use new color scheme matching visual identity, replacing CSS variables with specific color values. Improved button hover state with background transition instead of opacity. Expanded layout.js with additional application sections including dashboard, editor, player, and settings to support new navigation structure. --- web/desktop/dashboard/dashboard.css | 26 +++++++++---------- .../dashboard/{index.html => dashboard.html} | 0 web/desktop/drive/{index.html => drive.html} | 0 .../editor/{index.html => editor.html} | 0 web/desktop/js/layout.js | 13 +++++++--- web/desktop/mail/{index.html => mail.html} | 0 web/desktop/news/{index.html => news.html} | 0 web/desktop/paper/{index.html => paper.html} | 0 .../player/{index.html => player.html} | 0 .../settings/{index.html => settings.html} | 0 .../tablesv2/{index.html => tables.html} | 0 web/desktop/tasks/{index.html => tasks.html} | 0 12 files changed, 23 insertions(+), 16 deletions(-) rename web/desktop/dashboard/{index.html => dashboard.html} (100%) rename web/desktop/drive/{index.html => drive.html} (100%) rename web/desktop/editor/{index.html => editor.html} (100%) rename web/desktop/mail/{index.html => mail.html} (100%) rename web/desktop/news/{index.html => news.html} (100%) rename web/desktop/paper/{index.html => paper.html} (100%) rename web/desktop/player/{index.html => player.html} (100%) rename web/desktop/settings/{index.html => settings.html} (100%) rename web/desktop/tablesv2/{index.html => tables.html} (100%) rename web/desktop/tasks/{index.html => tasks.html} (100%) diff --git a/web/desktop/dashboard/dashboard.css b/web/desktop/dashboard/dashboard.css index cfaf5471..0ea2d223 100644 --- a/web/desktop/dashboard/dashboard.css +++ b/web/desktop/dashboard/dashboard.css @@ -1,4 +1,4 @@ -/* Dashboard specific styles */ +/* Dashboard styles - updated to match visual identity */ .container { max-width: 1200px; margin: 0 auto; @@ -13,26 +13,26 @@ .card { padding: 1.5rem; - background: var(--card); - border: 1px solid var(--border); + background: #1e293b; + border: 1px solid #334155; border-radius: 0.5rem; } .card h3 { font-size: 0.875rem; - color: var(--muted-foreground); + color: #94a3b8; margin-bottom: 0.5rem; } .card .value { font-size: 1.5rem; font-weight: bold; - color: var(--card-foreground); + color: #e2e8f0; } .card .subtext { font-size: 0.75rem; - color: var(--muted-foreground); + color: #94a3b8; margin-top: 0.25rem; } @@ -45,8 +45,8 @@ .overview-container, .recent-sales-container { padding: 1.5rem; - background: var(--card); - border: 1px solid var(--border); + background: #1e293b; + border: 1px solid #334155; border-radius: 0.5rem; } @@ -54,20 +54,20 @@ .recent-sales-container h3 { font-size: 1.125rem; font-weight: 500; - color: var(--card-foreground); + color: #e2e8f0; margin-bottom: 1rem; } .download-btn { padding: 0.5rem 1rem; - background: var(--primary); - color: var(--primary-foreground); + background: #3b82f6; + color: white; border: none; border-radius: 0.375rem; cursor: pointer; - transition: opacity 0.2s; + transition: background 0.2s; } .download-btn:hover { - opacity: 0.9; + background: #2563eb; } diff --git a/web/desktop/dashboard/index.html b/web/desktop/dashboard/dashboard.html similarity index 100% rename from web/desktop/dashboard/index.html rename to web/desktop/dashboard/dashboard.html diff --git a/web/desktop/drive/index.html b/web/desktop/drive/drive.html similarity index 100% rename from web/desktop/drive/index.html rename to web/desktop/drive/drive.html diff --git a/web/desktop/editor/index.html b/web/desktop/editor/editor.html similarity index 100% rename from web/desktop/editor/index.html rename to web/desktop/editor/editor.html diff --git a/web/desktop/js/layout.js b/web/desktop/js/layout.js index ccf61d75..e3804e9d 100644 --- a/web/desktop/js/layout.js +++ b/web/desktop/js/layout.js @@ -1,7 +1,14 @@ const sections = { - drive: 'drive/index.html', - tasks: 'tasks/index.html', - mail: 'mail/index.html' + drive: 'drive/drive.html', + tasks: 'tasks/tasks.html', + mail: 'mail/mail.html', + dashboard: 'dashboard/dashboard.html', + editor: 'editor/editor.html', + player: 'player/player.html', + paper: 'paper/paper.html', + settings: 'settings/settings.html', + tables: 'tablesv2/tables.html', + news: 'news/news.html' }; async function loadSectionHTML(path) { diff --git a/web/desktop/mail/index.html b/web/desktop/mail/mail.html similarity index 100% rename from web/desktop/mail/index.html rename to web/desktop/mail/mail.html diff --git a/web/desktop/news/index.html b/web/desktop/news/news.html similarity index 100% rename from web/desktop/news/index.html rename to web/desktop/news/news.html diff --git a/web/desktop/paper/index.html b/web/desktop/paper/paper.html similarity index 100% rename from web/desktop/paper/index.html rename to web/desktop/paper/paper.html diff --git a/web/desktop/player/index.html b/web/desktop/player/player.html similarity index 100% rename from web/desktop/player/index.html rename to web/desktop/player/player.html diff --git a/web/desktop/settings/index.html b/web/desktop/settings/settings.html similarity index 100% rename from web/desktop/settings/index.html rename to web/desktop/settings/settings.html diff --git a/web/desktop/tablesv2/index.html b/web/desktop/tablesv2/tables.html similarity index 100% rename from web/desktop/tablesv2/index.html rename to web/desktop/tablesv2/tables.html diff --git a/web/desktop/tasks/index.html b/web/desktop/tasks/tasks.html similarity index 100% rename from web/desktop/tasks/index.html rename to web/desktop/tasks/tasks.html