tiennm99/serena
1
0 Fork 0
mirror of https://github.com/tiennm99/serena.git synced 2026-10-14 10:19:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Sponsor banners with images

Browse Source
This commit is contained in:
Michael Panchenko authored and Dominik Jain committed 2025-11-06 18:12:58 +01:00
1 parent 5b6b6cac20
commit ac25c05220
2 files changed
+22 -14
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/serena/resources/dashboard/dashboard.css
+15 -7
View File
@@ -153,7 +153,7 @@ body {
display: flex;
align-items: center;
justify-content: center;
height: 80px;
height: 100px;
margin-bottom: 20px;
background-color: var(--bg-secondary);
border: 1px solid var(--border-color);
@@ -165,23 +165,22 @@ body {
/* Platinum sponsor in header */
.platinum-sponsors-section.header-sponsor {
flex: 1;
margin-bottom: 0;
height: 60px;
width: 450px;
height: 100px;
background-color: transparent;
border: 1px solid var(--border-color);
box-shadow: none;
}
.platinum-banner {
position: relative;
width: 100%;
height: 80px;
height: 100px;
overflow: hidden;
}
.header-sponsor .platinum-banner {
height: 60px;
height: 100px;
}
.platinum-sponsor-slide {
@@ -216,9 +215,18 @@ body {
font-size: 32px;
}
.sponsor-image {
max-height: 100%;
max-width: 100%;
height: auto;
width: auto;
object-fit: contain;
}
.gold-sponsors-section {
margin: 0 auto;
width: 235px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 60px;
src/serena/resources/dashboard/index.html
+7 -7
View File
@@ -28,10 +28,10 @@
</button>
<div class="platinum-banner" id="platinum-banner">
<div class="platinum-sponsor-slide active" data-sponsor="1">
<div class="sponsor-content">PLATINUM SPONSOR 1</div>
<img src="PlatinumBannerStretched.png" alt="Platinum Sponsor" class="sponsor-image">
</div>
<div class="platinum-sponsor-slide" data-sponsor="2">
<div class="sponsor-content">PLATINUM SPONSOR 2</div>
<img src="PlatinumBannerStretched.png" alt="Platinum Sponsor" class="sponsor-image">
</div>
</div>
<button class="sponsor-nav-btn sponsor-nav-right" id="platinum-next" aria-label="Next platinum sponsor">
@@ -151,19 +151,19 @@
</button>
<div class="gold-banner" id="gold-banner">
<div class="gold-sponsor-slide active" data-sponsor="1">
<div class="sponsor-content gold">GOLD SPONSOR 1</div>
<img src="GoldBannerStretched.png" alt="Gold Sponsor" class="sponsor-image">
</div>
<div class="gold-sponsor-slide" data-sponsor="2">
<div class="sponsor-content gold">GOLD SPONSOR 2</div>
<img src="GoldBannerStretched.png" alt="Gold Sponsor" class="sponsor-image">
</div>
<div class="gold-sponsor-slide" data-sponsor="3">
<div class="sponsor-content gold">GOLD SPONSOR 3</div>
<img src="GoldBannerStretched.png" alt="Gold Sponsor" class="sponsor-image">
</div>
<div class="gold-sponsor-slide" data-sponsor="4">
<div class="sponsor-content gold">GOLD SPONSOR 4</div>
<img src="GoldBannerStretched.png" alt="Gold Sponsor" class="sponsor-image">
</div>
<div class="gold-sponsor-slide" data-sponsor="5">
<div class="sponsor-content gold">GOLD SPONSOR 5</div>
<img src="GoldBannerStretched.png" alt="Gold Sponsor" class="sponsor-image">
</div>
</div>
<button class="sponsor-nav-btn sponsor-nav-right gold-nav" id="gold-next" aria-label="Next gold sponsor">