mirror of
https://github.com/tiennm99/serena.git
synced 2026-10-13 22:16:23 +00:00
Make sponsor image 1px border configurable in manifest
This commit is contained in:
1 parent
4a5fde51fd
commit
195dbee6de
2 files changed
+8
-33
No files matched your search
@@ -172,39 +172,6 @@ body {
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
/* Sponsor Banners */
|
||||
.platinum-sponsors-section {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100px;
|
||||
margin-bottom: 20px;
|
||||
background-color: var(--bg-secondary);
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 5px;
|
||||
padding: 0;
|
||||
box-shadow: var(--shadow);
|
||||
transition: background-color 0.3s ease, border-color 0.3s ease;
|
||||
}
|
||||
|
||||
/* Platinum sponsor in header */
|
||||
.platinum-sponsors-section.header-sponsor {
|
||||
margin-bottom: 0;
|
||||
width: 450px;
|
||||
height: 100px;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.platinum-banner {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.platinum-sponsor-slide {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@@ -222,6 +189,11 @@ body {
|
||||
|
||||
.sponsor-image {
|
||||
object-fit: contain;
|
||||
border-radius: var(--border-radius);
|
||||
}
|
||||
|
||||
.sponsor-border {
|
||||
border: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.platinum-sponsor-slide .sponsor-image {
|
||||
|
||||
@@ -77,6 +77,9 @@ class SponsorRotation {
|
||||
if (index === 0) {
|
||||
$sponsor.addClass('active');
|
||||
}
|
||||
if (sponsor.border) {
|
||||
$img.addClass('sponsor-border');
|
||||
}
|
||||
$container.append($sponsor);
|
||||
});
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user