AZEN-SGG/Kavita
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adding masonry cover images to login page

Browse source 
- Added new public api: /api/Image/random-series-cover
- Updated login bg color to black
- If no cover images, use the default library background (for new installs)
- Added a cover masonry component
- updated the splash container
This commit is contained in:
Robbie Davis 2025-04-15 13:11:47 -04:00
parent 5c5b0df814
commit 28c968ac4d
10 changed files with 322 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

7
UI/Web/src/app/registration/_components/splash-container/splash-container.component.html
View file

@ -1,5 +1,8 @@
<div class="mx-auto container login text-center"
[ngStyle]="{'height': (navService.navbarVisible$ | async) ? 'calc(var(--vh, 1vh) * 100 - var(--nav-offset))' : 'calc(var(--vh, 1vh) * 100)'}">
<div class="mx-auto login text-center"
[ngStyle]="{'height': (navService.navbarVisible$ | async) ? 'calc(var(--vh, 1vh) * 100 - var(--nav-offset))' : 'calc(var(--vh, 1vh) * 100)'}"
[class.no-images]="hasValidCoverImages">
<app-cover-masonry (hasValidImages)="onCoverImagesValid($event)"></app-cover-masonry>
<div class="row align-items-center row-cols-1 logo-container mb-3 justify-content-center">
<div class="col col-md-4 col-sm-12 col-xs-12 align-self-center p-0">