self-hosted/pigallery2
1
0
Fork 0
mirror of https://github.com/bpatrik/pigallery2.git synced 2025-02-03 13:22:05 +02:00
Code Issues Releases Activity

Improve duplicates theme #587 #68 #140

Browse Source
This commit is contained in:
Patrik J. Braun 2023-03-14 23:30:14 +01:00
parent 3082162370
commit 14ed18f0a0
2 changed files with 6 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/frontend/app/ui/duplicates/duplicates.component.css
View File

@ -8,9 +8,6 @@
} }
.row:hover { .row:hover {
background-color: #f8f9fa; background-color: var(--bs-tertiary-bg);
} }
a {
color: #212529;
}

10
src/frontend/app/ui/duplicates/duplicates.component.html
View File

@ -13,17 +13,17 @@
<div *ngFor="let pairs of group.duplicates" class="card"> <div *ngFor="let pairs of group.duplicates" class="card">
<div class="card-body"> <div class="card-body">
<a *ngFor="let media of pairs.media" <a *ngFor="let media of pairs.media"
class="row" class="row text-body rounded-2 p-2"
[routerLink]="['/gallery', getDirectoryPath(media.directory)]" [routerLink]="['/gallery', getDirectoryPath(media.directory)]"
[queryParams]="queryService.getParams()"> [queryParams]="queryService.getParams()">
<app-duplicates-photo class="col-1" [media]="media"></app-duplicates-photo> <app-duplicates-photo class="col-1 align-self-center" [media]="media"></app-duplicates-photo>
<div class="col-6"> <div class="col-6 align-self-center">
/{{getDirectoryPath(media.directory)}}/<strong>{{media.name}}</strong> /{{getDirectoryPath(media.directory)}}/<strong>{{media.name}}</strong>
</div> </div>
<div class="col-2"> <div class="col-2 align-self-center">
{{media.metadata.fileSize | fileSize}} {{media.metadata.fileSize | fileSize}}
</div> </div>
<div class="col-3" [title]="media.metadata.creationDate"> <div class="col-3 align-self-center" [title]="media.metadata.creationDate">
{{media.metadata.creationDate | date}}, {{media.metadata.creationDate | date:'mediumTime'}} {{media.metadata.creationDate | date}}, {{media.metadata.creationDate | date:'mediumTime'}}
</div> </div>
</a> </a>