diff --git a/src/serena/resources/dashboard/dashboard.css b/src/serena/resources/dashboard/dashboard.css index 2ba33830..af24da8a 100644 --- a/src/serena/resources/dashboard/dashboard.css +++ b/src/serena/resources/dashboard/dashboard.css @@ -21,6 +21,7 @@ html { --log-warning: #FF8C00; --log-error: #FF0000; --stats-header: #f8f9fa; + --header-height: 150px; } [data-theme="dark"] { @@ -60,6 +61,7 @@ body { top: 0; left: 0; right: 0; + height: var(--header-height); background-color: var(--bg-secondary); border-bottom: 1px solid var(--border-color); padding: 20px 20px; @@ -75,13 +77,26 @@ body { margin: 0 auto; } +.header-left { + display: flex; + gap: 30px; +} + .logo-container { + order: 1; flex-shrink: 0; } +.header-sponsor { + position: relative; + top: 0; + left: 0; + order: 2; + max-height: var(--header-height); +} + .logo-container img { - max-width: 250px; - height: auto; + height: var(--header-height); display: block; } @@ -89,6 +104,7 @@ body { position: relative; display: flex; align-items: center; + width: 200px; gap: 10px; flex-shrink: 0; } @@ -173,28 +189,21 @@ body { } .platinum-banner { + display: inline-block; position: relative; width: 100%; height: 100px; overflow: hidden; } -.header-sponsor .platinum-banner { - height: 100px; -} - .platinum-sponsor-slide { position: absolute; top: 0; left: 0; - width: 100%; + pointer-events: none; height: 100%; - display: flex; - align-items: center; - justify-content: center; opacity: 0; transition: opacity 0.5s ease-in-out; - pointer-events: none; } .platinum-sponsor-slide.active { @@ -202,34 +211,21 @@ body { pointer-events: auto; } -.platinum-sponsor-slide .sponsor-content { - font-size: 48px; - font-weight: bold; - color: var(--text-primary); - text-align: center; - width: 100%; - transition: background-color 0.3s ease, color 0.3s ease; -} - -.header-sponsor .platinum-sponsor-slide .sponsor-content { - font-size: 32px; -} - .sponsor-image { + object-fit: contain; +} + +.platinum-sponsor-slide .sponsor-image { max-height: 100%; - max-width: 100%; - height: auto; - width: auto; object-fit: contain; } .gold-sponsors-section { margin: 0 auto; - width: 235px; + width: 100%; position: relative; align-items: center; justify-content: center; - height: 60px; background-color: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: 5px; @@ -245,16 +241,8 @@ body { .gold-sponsor-slide { position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - display: flex; - align-items: center; - justify-content: center; opacity: 0; transition: opacity 0.5s ease-in-out; - pointer-events: none; } .gold-sponsor-slide.active { @@ -262,14 +250,9 @@ body { pointer-events: auto; } -.gold-sponsor-slide .sponsor-content { - font-size: 16px; - font-weight: 600; - color: var(--text-primary); - text-align: center; - padding: 10px 15px; - width: 100%; - transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; +.gold-sponsor-slide .sponsor-image { + max-width: 100%; + object-fit: contain; } .sponsor-nav-btn { @@ -345,12 +328,12 @@ body { min-height: auto; } - .logo-container { - order: 1; + .header-nav { + order: 2; } - .header-nav { - order: 3; + .logo-container { + order: 1; } .header-sponsor { diff --git a/src/serena/resources/dashboard/dashboard.js b/src/serena/resources/dashboard/dashboard.js index f264974f..1df0edff 100644 --- a/src/serena/resources/dashboard/dashboard.js +++ b/src/serena/resources/dashboard/dashboard.js @@ -1905,7 +1905,7 @@ class Dashboard { // Start new interval (30 seconds) this.platinumInterval = setInterval(function() { self.rotatePlatinumSponsor('next'); - }, 30000); + }, 5000); } rotateGoldSponsor(direction) { @@ -1942,6 +1942,6 @@ class Dashboard { // Start new interval (30 seconds) this.goldInterval = setInterval(function() { self.rotateGoldSponsor('next'); - }, 30000); + }, 5000); } } diff --git a/src/serena/resources/dashboard/index.html b/src/serena/resources/dashboard/index.html index 1197c31e..a8372bff 100644 --- a/src/serena/resources/dashboard/index.html +++ b/src/serena/resources/dashboard/index.html @@ -17,26 +17,24 @@
-