Browse Source

Bugfix/sponsor logo based on theme on about page (#7985)

Show sponsor logo based on theme
pull/7962/head
Thomas Kaul 1 week ago
committed by GitHub
parent
commit
67a1fdd1e8
No known key found for this signature in database GPG Key ID: B5690EEEBB952194
  1. 13
      apps/client/src/app/pages/about/overview/about-overview-page.html
  2. 12
      apps/client/src/app/pages/about/overview/about-overview-page.scss

13
apps/client/src/app/pages/about/overview/about-overview-page.html

@ -219,12 +219,15 @@
>
<img
alt="TestMu AI Logo"
class="sponsor-logo-dark"
height="32"
[src]="
user?.settings?.colorScheme === 'DARK'
? '../assets/images/sponsors/logo-testmu-light.svg'
: '../assets/images/sponsors/logo-testmu-dark.svg'
"
src="../assets/images/sponsors/logo-testmu-dark.svg"
/>
<img
alt="TestMu AI Logo"
class="sponsor-logo-light"
height="32"
src="../assets/images/sponsors/logo-testmu-light.svg"
/>
</a>
</div>

12
apps/client/src/app/pages/about/overview/about-overview-page.scss

@ -22,6 +22,10 @@
width: 10rem;
}
}
.sponsor-logo-light {
display: none;
}
}
:host-context(.theme-dark) {
@ -33,4 +37,12 @@
opacity: 1;
}
}
.sponsor-logo-dark {
display: none;
}
.sponsor-logo-light {
display: inline;
}
}

Loading…
Cancel
Save