LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Adjust ad design

Browse source
This commit is contained in:
Raphael Wickihalder 2022-06-17 12:20:35 +02:00
parent 8e15f30ace
commit 845b70f52c
No known key found for this signature in database
GPG key ID: 05179BB92383243D
1 changed files with 25 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
ui/scss/component/_ads.scss
View file

@ -42,7 +42,18 @@
background-image: url('~ui/component/membershipSplash/astronaut_n_friends.png');
background-size: 100%;
border-radius: var(--border-radius);
box-shadow: 0 0 0 1px rgba(var(--color-primary-dynamic), 0.1) inset;
box-shadow: 0 0 0 1px var(--color-header-background) inset;
.avp-p-wrapper {
background-color: unset !important;
.avp-content-container {
background-color: unset !important;
// box-shadow: 0 0 0 1px black inset;
div {
background-color: unset !important;
}
}
}
video {
width: 100% !important;
@ -326,15 +337,24 @@
.OUTBRAIN {
// border-radius: var(--border-radius) 0 0 0 !important;
height: unset !important;
background-color: var(--color-ads-background);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
padding: var(--spacing-xxs);
.ob-widget .ob-unit.ob-rec-text {
font-size: 12px !important;
}
.ob-widget {
padding: var(--spacing-xxs);
background-color: var(--color-ads-background);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
.ob_what {
background: var(--color-header-background);
border-radius: 10px;
padding: 0 !important;
}
}
&:not(.banner-ad__container) {
border-radius: var(--border-radius) !important;
overflow: hidden;