Design updates
This commit is contained in:
parent
99960572ea
commit
e7a6a4b16b
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user