Design updates

This commit is contained in:
Sven Heidemann 2024-12-14 18:56:24 +01:00
parent 99960572ea
commit e7a6a4b16b

View File

@ -1,7 +1,7 @@
<router-outlet></router-outlet>
<ng-template #shortUrl let-url>
<div class="flex flex-col gap-2 bg rounded-l p-3">
<div class="flex flex-col gap-2 bg rounded-l p-3 w-full max-w-lg justify-between">
<div class="flex flex-col gap-2">
<h3>{{ url.shortUrl }}</h3>
<div class="grid-container">
@ -92,15 +92,16 @@
<div class="divider"></div>
<div class="bg2 rounded-xl p-3">
<div *ngFor="let url of shortUrlsWithoutGroup">
<ng-template [ngTemplateOutlet]="shortUrl" [ngTemplateOutletContext]="{ $implicit: url }"></ng-template>
<div class="flex flex-wrap gap-1.5">
<ng-template *ngFor="let url of shortUrlsWithoutGroup" [ngTemplateOutlet]="shortUrl"
[ngTemplateOutletContext]="{ $implicit: url }"></ng-template>
</div>
</div>
<div *ngFor="let group of groupsFromGroupedShortUrls" class="bg2 rounded-xl p-3">
<div><h2>{{ group }}</h2></div>
<div class="flex flex-col gap-1.5">
<ng-template *ngFor="let url of groupedShortUrls[group]" [ngTemplateOutlet]="shortUrl"
<div class="flex flex-wrap gap-1.5">
<ng-template class="flex-1" *ngFor="let url of groupedShortUrls[group]" [ngTemplateOutlet]="shortUrl"
[ngTemplateOutletContext]="{ $implicit: url }"></ng-template>
</div>
</div>