DebaucheryLibrarian/traxxx-web
1
1
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Fixed scene tile banner styling disrupting other banner positions.

Browse Source
This commit is contained in:
DebaucheryLibrarian
2026-02-08 21:41:20 +01:00
parent 56acc42f17
commit c0ce844169
1 changed files with 15 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
components/campaigns/campaign.vue
View File

@@ -100,18 +100,8 @@ const bannerSrc = (() => {
height: 100%; height: 100%;
display: flex; display: flex;
box-sizing: border-box; box-sizing: border-box;
padding: 4px; /* margin for drop shadow */
justify-content: center; justify-content: center;
align-items: center; align-items: center;
backdrop-filter: blur(1rem) saturate(70%) brightness(125%);
}
.dark .campaign-overlay {
backdrop-filter: blur(1rem) saturate(70%) brightness(75%);
}
.campaign.backdrop .campaign-overlay {
box-shadow: inset 0 0 5px var(--shadow-weak-20);
} }
.campaign-banner { .campaign-banner {
@@ -119,8 +109,22 @@ const bannerSrc = (() => {
max-height: 100%; max-height: 100%;
max-width: 100%; max-width: 100%;
object-fit: contain; object-fit: contain;
}
.backdrop {
.campaign-overlay {
padding: 4px; /* margin for drop shadow */
backdrop-filter: blur(1rem) saturate(70%) brightness(125%);
}
.dark .campaign-overlay {
backdrop-filter: blur(1rem) saturate(70%) brightness(75%);
}
.campaign-banner {
filter: drop-shadow(0 0 2px var(--shadow-weak-20)); filter: drop-shadow(0 0 2px var(--shadow-weak-20));
} }
}
.restricted { .restricted {
height: 100%; height: 100%;