(global) Replaced linked buttons with a tags + removed unnecessary routerLink attributes from some buttons

This commit is contained in:
Sercan Yemen 2022-05-25 13:29:47 +03:00
parent 30d75c9bd7
commit c374c2c6cf
9 changed files with 210 additions and 449 deletions

View File

@ -98,11 +98,11 @@
<!-- Header --> <!-- Header -->
<div class="lg:hidden flex flex-0 items-center py-2 pl-4 pr-6 sm:py-4 md:pl-6 md:pr-8 border-b lg:border-b-0 bg-card dark:bg-transparent"> <div class="lg:hidden flex flex-0 items-center py-2 pl-4 pr-6 sm:py-4 md:pl-6 md:pr-8 border-b lg:border-b-0 bg-card dark:bg-transparent">
<!-- Title & Actions --> <!-- Title & Actions -->
<button <a
mat-icon-button mat-icon-button
[routerLink]="['..']"> [routerLink]="['..']">
<mat-icon [svgIcon]="'heroicons_outline:arrow-sm-left'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:arrow-sm-left'"></mat-icon>
</button> </a>
<h2 class="ml-2.5 text-md sm:text-xl font-medium tracking-tight truncate"> <h2 class="ml-2.5 text-md sm:text-xl font-medium tracking-tight truncate">
{{course.title}} {{course.title}}
</h2> </h2>

View File

@ -146,7 +146,7 @@
<!-- Course launch button --> <!-- Course launch button -->
<div class="px-6 py-4 text-right bg-gray-50 dark:bg-transparent"> <div class="px-6 py-4 text-right bg-gray-50 dark:bg-transparent">
<button <a
mat-stroked-button mat-stroked-button
[routerLink]="[course.id]"> [routerLink]="[course.id]">
<span class="inline-flex items-center"> <span class="inline-flex items-center">
@ -172,7 +172,7 @@
class="ml-1.5 icon-size-5" class="ml-1.5 icon-size-5"
[svgIcon]="'heroicons_solid:arrow-sm-right'"></mat-icon> [svgIcon]="'heroicons_solid:arrow-sm-right'"></mat-icon>
</span> </span>
</button> </a>
</div> </div>
</div> </div>
</div> </div>

View File

@ -115,7 +115,7 @@
<div class="flex-auto overflow-y-auto"> <div class="flex-auto overflow-y-auto">
<ng-container *ngIf="filteredChats.length > 0; else noChats"> <ng-container *ngIf="filteredChats.length > 0; else noChats">
<ng-container *ngFor="let chat of filteredChats; trackBy: trackByFn"> <ng-container *ngFor="let chat of filteredChats; trackBy: trackByFn">
<div <a
class="z-20 flex items-center py-5 px-8 cursor-pointer border-b" class="z-20 flex items-center py-5 px-8 cursor-pointer border-b"
[ngClass]="{'hover:bg-gray-100 dark:hover:bg-hover': !selectedChat || selectedChat.id !== chat.id, [ngClass]="{'hover:bg-gray-100 dark:hover:bg-hover': !selectedChat || selectedChat.id !== chat.id,
'bg-primary-50 dark:bg-hover': selectedChat && selectedChat.id === chat.id}" 'bg-primary-50 dark:bg-hover': selectedChat && selectedChat.id === chat.id}"
@ -155,7 +155,7 @@
[svgIcon]="'heroicons_solid:volume-off'"></mat-icon> [svgIcon]="'heroicons_solid:volume-off'"></mat-icon>
</ng-container> </ng-container>
</div> </div>
</div> </a>
</ng-container> </ng-container>
</ng-container> </ng-container>
</div> </div>

View File

@ -13,14 +13,14 @@
</ng-container> </ng-container>
<!-- Close button --> <!-- Close button -->
<div class="flex items-center justify-end w-full max-w-3xl mx-auto pt-6"> <div class="flex items-center justify-end w-full max-w-3xl mx-auto pt-6">
<button <a
mat-icon-button mat-icon-button
[matTooltip]="'Close'" [matTooltip]="'Close'"
[routerLink]="['../']"> [routerLink]="['../']">
<mat-icon <mat-icon
class="text-white" class="text-white"
[svgIcon]="'heroicons_outline:x'"></mat-icon> [svgIcon]="'heroicons_outline:x'"></mat-icon>
</button> </a>
</div> </div>
</div> </div>
@ -183,14 +183,14 @@
</ng-container> </ng-container>
<!-- Close button --> <!-- Close button -->
<div class="flex items-center justify-end w-full max-w-3xl mx-auto pt-6"> <div class="flex items-center justify-end w-full max-w-3xl mx-auto pt-6">
<button <a
mat-icon-button mat-icon-button
[matTooltip]="'Close'" [matTooltip]="'Close'"
[routerLink]="['../']"> [routerLink]="['../']">
<mat-icon <mat-icon
class="text-white" class="text-white"
[svgIcon]="'heroicons_outline:x'"></mat-icon> [svgIcon]="'heroicons_outline:x'"></mat-icon>
</button> </a>
</div> </div>
</div> </div>

View File

@ -2,11 +2,11 @@
<!-- Close button --> <!-- Close button -->
<div class="flex items-center justify-end"> <div class="flex items-center justify-end">
<button <a
mat-icon-button mat-icon-button
[routerLink]="['../../']"> [routerLink]="['../../']">
<mat-icon [svgIcon]="'heroicons_outline:x'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:x'"></mat-icon>
</button> </a>
</div> </div>
<!-- Preview --> <!-- Preview -->

View File

@ -49,11 +49,11 @@
</mat-menu> </mat-menu>
<!-- Close button --> <!-- Close button -->
<button <a
mat-icon-button mat-icon-button
[routerLink]="['../']"> [routerLink]="['../']">
<mat-icon [svgIcon]="'heroicons_outline:x'"></mat-icon> <mat-icon [svgIcon]="'heroicons_outline:x'"></mat-icon>
</button> </a>
</div> </div>
</div> </div>

View File

@ -106,13 +106,13 @@
<span class="leading-none">April, 24</span> <span class="leading-none">April, 24</span>
</div> </div>
</div> </div>
<button <a
class="px-6 mt-8" class="px-6 mt-8"
mat-flat-button mat-flat-button
[color]="'primary'" [color]="'primary'"
[routerLink]="['./']"> [routerLink]="['./']">
See complete bio See complete bio
</button> </a>
</fuse-card> </fuse-card>
<!-- Followers --> <!-- Followers -->
@ -207,13 +207,13 @@
</div> </div>
</div> </div>
<div class="flex items-center mt-6 -mx-3"> <div class="flex items-center mt-6 -mx-3">
<button <a
class="px-3" class="px-3"
mat-button mat-button
[color]="'primary'" [color]="'primary'"
[routerLink]="['./']"> [routerLink]="['./']">
See all followers See all followers
</button> </a>
</div> </div>
</fuse-card> </fuse-card>
@ -310,13 +310,13 @@
</div> </div>
</div> </div>
<div class="flex items-center mt-6 -mx-3"> <div class="flex items-center mt-6 -mx-3">
<button <a
class="px-3" class="px-3"
mat-button mat-button
[color]="'primary'" [color]="'primary'"
[routerLink]="['./']"> [routerLink]="['./']">
See entire gallery See entire gallery
</button> </a>
</div> </div>
</fuse-card> </fuse-card>
@ -384,13 +384,13 @@
</div> </div>
</div> </div>
<div class="flex items-center mt-6 -mx-3"> <div class="flex items-center mt-6 -mx-3">
<button <a
class="px-3" class="px-3"
mat-button mat-button
[color]="'primary'" [color]="'primary'"
[routerLink]="['./']"> [routerLink]="['./']">
See all groups See all groups
</button> </a>
</div> </div>
</fuse-card> </fuse-card>
@ -442,13 +442,13 @@
</div> </div>
</div> </div>
<div class="flex items-center mt-4 -mx-3"> <div class="flex items-center mt-4 -mx-3">
<button <a
class="px-3" class="px-3"
mat-button mat-button
[color]="'primary'" [color]="'primary'"
[routerLink]="['./']"> [routerLink]="['./']">
See all news See all news
</button> </a>
</div> </div>
</fuse-card> </fuse-card>
@ -512,13 +512,13 @@
</div> </div>
</div> </div>
<div class="flex items-center mt-6 -mx-3"> <div class="flex items-center mt-6 -mx-3">
<button <a
class="px-3" class="px-3"
mat-button mat-button
[color]="'primary'" [color]="'primary'"
[routerLink]="['./']"> [routerLink]="['./']">
See entire activity feed See entire activity feed
</button> </a>
</div> </div>
</fuse-card> </fuse-card>
@ -549,8 +549,7 @@
<div class="flex items-center mt-6 sm:mt-8 -mx-3"> <div class="flex items-center mt-6 sm:mt-8 -mx-3">
<button <button
class="px-3 mr-1" class="px-3 mr-1"
mat-button mat-button>
[routerLink]="['./']">
<mat-icon <mat-icon
class="icon-size-5 mr-2" class="icon-size-5 mr-2"
[svgIcon]="'heroicons_solid:photograph'"></mat-icon> [svgIcon]="'heroicons_solid:photograph'"></mat-icon>
@ -558,8 +557,7 @@
</button> </button>
<button <button
class="px-3 mr-1 hidden sm:inline-flex" class="px-3 mr-1 hidden sm:inline-flex"
mat-button mat-button>
[routerLink]="['./']">
<mat-icon <mat-icon
class="icon-size-5 mr-2" class="icon-size-5 mr-2"
[svgIcon]="'heroicons_solid:user-circle'"></mat-icon> [svgIcon]="'heroicons_solid:user-circle'"></mat-icon>
@ -567,8 +565,7 @@
</button> </button>
<button <button
class="px-3 mr-1 hidden sm:inline-flex" class="px-3 mr-1 hidden sm:inline-flex"
mat-button mat-button>
[routerLink]="['./']">
<mat-icon <mat-icon
class="icon-size-5 mr-2" class="icon-size-5 mr-2"
[svgIcon]="'heroicons_solid:emoji-happy'"></mat-icon> [svgIcon]="'heroicons_solid:emoji-happy'"></mat-icon>
@ -585,8 +582,7 @@
<mat-menu #postCardMenu01="matMenu"> <mat-menu #postCardMenu01="matMenu">
<button <button
class="sm:hidden" class="sm:hidden"
mat-menu-item mat-menu-item>
[routerLink]="['./']">
<span class="flex items-center"> <span class="flex items-center">
<mat-icon <mat-icon
class="icon-size-5 mr-3" class="icon-size-5 mr-3"
@ -596,8 +592,7 @@
</button> </button>
<button <button
class="sm:hidden" class="sm:hidden"
mat-menu-item mat-menu-item>
[routerLink]="['./']">
<span class="flex items-center"> <span class="flex items-center">
<mat-icon <mat-icon
class="icon-size-5 mr-3" class="icon-size-5 mr-3"
@ -726,8 +721,7 @@
<div class="flex items-center mx-3 sm:mx-5"> <div class="flex items-center mx-3 sm:mx-5">
<button <button
class="px-3 mr-1" class="px-3 mr-1"
mat-button mat-button>
[routerLink]="['./']">
<mat-icon <mat-icon
class="icon-size-5 text-red-500 mr-2" class="icon-size-5 text-red-500 mr-2"
[svgIcon]="'heroicons_solid:heart'"></mat-icon> [svgIcon]="'heroicons_solid:heart'"></mat-icon>
@ -735,8 +729,7 @@
</button> </button>
<button <button
class="px-3 mr-1" class="px-3 mr-1"
mat-button mat-button>
[routerLink]="['./']">
<mat-icon <mat-icon
class="icon-size-5 mr-2" class="icon-size-5 mr-2"
[svgIcon]="'heroicons_solid:chat-alt'"></mat-icon> [svgIcon]="'heroicons_solid:chat-alt'"></mat-icon>
@ -744,8 +737,7 @@
</button> </button>
<button <button
class="px-3 mr-1" class="px-3 mr-1"
mat-button mat-button>
[routerLink]="['./']">
<mat-icon <mat-icon
class="icon-size-5 mr-2" class="icon-size-5 mr-2"
[svgIcon]="'heroicons_solid:share'"></mat-icon> [svgIcon]="'heroicons_solid:share'"></mat-icon>
@ -840,18 +832,9 @@
<b>Rutherford Brannan</b> Oh, Im in.. Lets arrange a trip for the next weekend if you want! <b>Rutherford Brannan</b> Oh, Im in.. Lets arrange a trip for the next weekend if you want!
</span> </span>
<div class="flex items-center text-sm text-secondary mt-2"> <div class="flex items-center text-sm text-secondary mt-2">
<a <span class="mr-2 cursor-pointer hover:underline">Like</span>
class="mr-2 hover:underline" <span class="mr-2 cursor-pointer hover:underline">Reply</span>
[routerLink]="'./'">Like <span class="mr-2 cursor-pointer hover:underline">Hide replies</span>
</a>
<a
class="mr-2 hover:underline"
[routerLink]="'./'">Reply
</a>
<a
class="mr-2 hover:underline"
[routerLink]="'./'">Hide replies
</a>
<span class="mr-2">&bull;</span> <span class="mr-2">&bull;</span>
<span>17 min</span> <span>17 min</span>
</div> </div>
@ -867,14 +850,8 @@
<b>Caroline Lundu</b> Yes!! Let's talk about it on lunch! <b>Caroline Lundu</b> Yes!! Let's talk about it on lunch!
</span> </span>
<div class="flex items-center text-sm text-secondary mt-2"> <div class="flex items-center text-sm text-secondary mt-2">
<a <span class="mr-2 cursor-pointer hover:underline">Like</span>
class="mr-2 hover:underline" <span class="mr-2 cursor-pointer hover:underline">Reply</span>
[routerLink]="'./'">Like
</a>
<a
class="mr-2 hover:underline"
[routerLink]="'./'">Reply
</a>
<span class="mr-2">&bull;</span> <span class="mr-2">&bull;</span>
<span>15 min</span> <span>15 min</span>
</div> </div>
@ -890,14 +867,8 @@
<b>Barbara Cotilla</b> Count me in !!! <b>Barbara Cotilla</b> Count me in !!!
</span> </span>
<div class="flex items-center text-sm text-secondary mt-2"> <div class="flex items-center text-sm text-secondary mt-2">
<a <span class="mr-2 cursor-pointer hover:underline">Like</span>
class="mr-2 hover:underline" <span class="mr-2 cursor-pointer hover:underline">Reply</span>
[routerLink]="'./'">Like
</a>
<a
class="mr-2 hover:underline"
[routerLink]="'./'">Reply
</a>
<span class="mr-2">&bull;</span> <span class="mr-2">&bull;</span>
<span>12 min</span> <span>12 min</span>
</div> </div>
@ -914,18 +885,9 @@
Your trip isn't going to worth it since you won't be seeing this exact sky. Your trip isn't going to worth it since you won't be seeing this exact sky.
</span> </span>
<div class="flex items-center text-sm text-secondary mt-2"> <div class="flex items-center text-sm text-secondary mt-2">
<a <span class="mr-2 cursor-pointer hover:underline">Like</span>
class="mr-2 hover:underline" <span class="mr-2 cursor-pointer hover:underline">Reply</span>
[routerLink]="'./'">Like <span class="mr-2 cursor-pointer hover:underline">Hide replies</span>
</a>
<a
class="mr-2 hover:underline"
[routerLink]="'./'">Reply
</a>
<a
class="mr-2 hover:underline"
[routerLink]="'./'">Hide replies
</a>
<span class="mr-2">&bull;</span> <span class="mr-2">&bull;</span>
<span>24 min</span> <span>24 min</span>
</div> </div>
@ -941,14 +903,8 @@
<b>Caroline Lundu</b> Hey, Alan! You must be fun at parties! <b>Caroline Lundu</b> Hey, Alan! You must be fun at parties!
</span> </span>
<div class="flex items-center text-sm text-secondary mt-2"> <div class="flex items-center text-sm text-secondary mt-2">
<a <span class="mr-2 cursor-pointer hover:underline">Like</span>
class="mr-2 hover:underline" <span class="mr-2 cursor-pointer hover:underline">Reply</span>
[routerLink]="'./'">Like
</a>
<a
class="mr-2 hover:underline"
[routerLink]="'./'">Reply
</a>
<span class="mr-2">&bull;</span> <span class="mr-2">&bull;</span>
<span>22 min</span> <span>22 min</span>
</div> </div>
@ -964,14 +920,8 @@
<b>Alan Marti</b> Caroline, I'm telling the truth, and if you cannot stand the truth, maybe we shouldn't be friends anymore... <b>Alan Marti</b> Caroline, I'm telling the truth, and if you cannot stand the truth, maybe we shouldn't be friends anymore...
</span> </span>
<div class="flex items-center text-sm text-secondary mt-2"> <div class="flex items-center text-sm text-secondary mt-2">
<a <span class="mr-2 cursor-pointer hover:underline">Like</span>
class="mr-2 hover:underline" <span class="mr-2 cursor-pointer hover:underline">Reply</span>
[routerLink]="'./'">Like
</a>
<a
class="mr-2 hover:underline"
[routerLink]="'./'">Reply
</a>
<span class="mr-2">&bull;</span> <span class="mr-2">&bull;</span>
<span>20 min</span> <span>20 min</span>
</div> </div>
@ -987,14 +937,8 @@
<b>Caroline Lundu</b> Dude! Relax! I'm just messing with you... <b>Caroline Lundu</b> Dude! Relax! I'm just messing with you...
</span> </span>
<div class="flex items-center text-sm text-secondary mt-2"> <div class="flex items-center text-sm text-secondary mt-2">
<a <span class="mr-2 cursor-pointer hover:underline">Like</span>
class="mr-2 hover:underline" <span class="mr-2 cursor-pointer hover:underline">Reply</span>
[routerLink]="'./'">Like
</a>
<a
class="mr-2 hover:underline"
[routerLink]="'./'">Reply
</a>
<span class="mr-2">&bull;</span> <span class="mr-2">&bull;</span>
<span>18 min</span> <span>18 min</span>
</div> </div>
@ -1010,14 +954,8 @@
<b>Alan Marti</b> Sorry! I had a bad morning, let's talk about this in couple hours, I need to relax a bit :( <b>Alan Marti</b> Sorry! I had a bad morning, let's talk about this in couple hours, I need to relax a bit :(
</span> </span>
<div class="flex items-center text-sm text-secondary mt-2"> <div class="flex items-center text-sm text-secondary mt-2">
<a <span class="mr-2 cursor-pointer hover:underline">Like</span>
class="mr-2 hover:underline" <span class="mr-2 cursor-pointer hover:underline">Reply</span>
[routerLink]="'./'">Like
</a>
<a
class="mr-2 hover:underline"
[routerLink]="'./'">Reply
</a>
<span class="mr-2">&bull;</span> <span class="mr-2">&bull;</span>
<span>16 min</span> <span>16 min</span>
</div> </div>
@ -1033,14 +971,8 @@
<b>Marleah Eagleston</b> Count me in, too! <b>Marleah Eagleston</b> Count me in, too!
</span> </span>
<div class="flex items-center text-sm text-secondary mt-2"> <div class="flex items-center text-sm text-secondary mt-2">
<a <span class="mr-2 cursor-pointer hover:underline">Like</span>
class="mr-2 hover:underline" <span class="mr-2 cursor-pointer hover:underline">Reply</span>
[routerLink]="'./'">Like
</a>
<a
class="mr-2 hover:underline"
[routerLink]="'./'">Reply
</a>
<span class="mr-2">&bull;</span> <span class="mr-2">&bull;</span>
<span>34 min</span> <span>34 min</span>
</div> </div>
@ -1136,8 +1068,7 @@
<div class="flex items-center mx-3 sm:mx-5"> <div class="flex items-center mx-3 sm:mx-5">
<button <button
class="px-3 mr-1" class="px-3 mr-1"
mat-button mat-button>
[routerLink]="['./']">
<mat-icon <mat-icon
class="icon-size-5 text-red-500 mr-2" class="icon-size-5 text-red-500 mr-2"
[svgIcon]="'heroicons_solid:heart'"></mat-icon> [svgIcon]="'heroicons_solid:heart'"></mat-icon>
@ -1145,8 +1076,7 @@
</button> </button>
<button <button
class="px-3 mr-1" class="px-3 mr-1"
mat-button mat-button>
[routerLink]="['./']">
<mat-icon <mat-icon
class="icon-size-5 mr-2" class="icon-size-5 mr-2"
[svgIcon]="'heroicons_solid:chat-alt'"></mat-icon> [svgIcon]="'heroicons_solid:chat-alt'"></mat-icon>
@ -1154,8 +1084,7 @@
</button> </button>
<button <button
class="px-3 mr-1" class="px-3 mr-1"
mat-button mat-button>
[routerLink]="['./']">
<mat-icon <mat-icon
class="icon-size-5 mr-2" class="icon-size-5 mr-2"
[svgIcon]="'heroicons_solid:share'"></mat-icon> [svgIcon]="'heroicons_solid:share'"></mat-icon>
@ -1298,8 +1227,7 @@
<div class="flex items-center mx-3 sm:mx-5"> <div class="flex items-center mx-3 sm:mx-5">
<button <button
class="px-3 mr-1" class="px-3 mr-1"
mat-button mat-button>
[routerLink]="['./']">
<mat-icon <mat-icon
class="icon-size-5 text-red-500 mr-2" class="icon-size-5 text-red-500 mr-2"
[svgIcon]="'heroicons_solid:heart'"></mat-icon> [svgIcon]="'heroicons_solid:heart'"></mat-icon>
@ -1307,8 +1235,7 @@
</button> </button>
<button <button
class="px-3 mr-1" class="px-3 mr-1"
mat-button mat-button>
[routerLink]="['./']">
<mat-icon <mat-icon
class="icon-size-5 mr-2" class="icon-size-5 mr-2"
[svgIcon]="'heroicons_solid:chat-alt'"></mat-icon> [svgIcon]="'heroicons_solid:chat-alt'"></mat-icon>
@ -1316,8 +1243,7 @@
</button> </button>
<button <button
class="px-3 mr-1" class="px-3 mr-1"
mat-button mat-button>
[routerLink]="['./']">
<mat-icon <mat-icon
class="icon-size-5 mr-2" class="icon-size-5 mr-2"
[svgIcon]="'heroicons_solid:share'"></mat-icon> [svgIcon]="'heroicons_solid:share'"></mat-icon>
@ -1455,8 +1381,7 @@
<div class="flex items-center mx-3 sm:mx-5"> <div class="flex items-center mx-3 sm:mx-5">
<button <button
class="px-3 mr-1" class="px-3 mr-1"
mat-button mat-button>
[routerLink]="['./']">
<mat-icon <mat-icon
class="icon-size-5 text-red-500 mr-2" class="icon-size-5 text-red-500 mr-2"
[svgIcon]="'heroicons_solid:heart'"></mat-icon> [svgIcon]="'heroicons_solid:heart'"></mat-icon>
@ -1464,8 +1389,7 @@
</button> </button>
<button <button
class="px-3 mr-1" class="px-3 mr-1"
mat-button mat-button>
[routerLink]="['./']">
<mat-icon <mat-icon
class="icon-size-5 mr-2" class="icon-size-5 mr-2"
[svgIcon]="'heroicons_solid:chat-alt'"></mat-icon> [svgIcon]="'heroicons_solid:chat-alt'"></mat-icon>
@ -1473,8 +1397,7 @@
</button> </button>
<button <button
class="px-3 mr-1" class="px-3 mr-1"
mat-button mat-button>
[routerLink]="['./']">
<mat-icon <mat-icon
class="icon-size-5 mr-2" class="icon-size-5 mr-2"
[svgIcon]="'heroicons_solid:share'"></mat-icon> [svgIcon]="'heroicons_solid:share'"></mat-icon>
@ -1609,8 +1532,7 @@
<div class="flex items-center mx-3 sm:mx-5"> <div class="flex items-center mx-3 sm:mx-5">
<button <button
class="px-3 mr-1" class="px-3 mr-1"
mat-button mat-button>
[routerLink]="['./']">
<mat-icon <mat-icon
class="icon-size-5 text-red-500 mr-2" class="icon-size-5 text-red-500 mr-2"
[svgIcon]="'heroicons_solid:heart'"></mat-icon> [svgIcon]="'heroicons_solid:heart'"></mat-icon>
@ -1618,8 +1540,7 @@
</button> </button>
<button <button
class="px-3 mr-1" class="px-3 mr-1"
mat-button mat-button>
[routerLink]="['./']">
<mat-icon <mat-icon
class="icon-size-5 mr-2" class="icon-size-5 mr-2"
[svgIcon]="'heroicons_solid:chat-alt'"></mat-icon> [svgIcon]="'heroicons_solid:chat-alt'"></mat-icon>
@ -1627,8 +1548,7 @@
</button> </button>
<button <button
class="px-3 mr-1" class="px-3 mr-1"
mat-button mat-button>
[routerLink]="['./']">
<mat-icon <mat-icon
class="icon-size-5 mr-2" class="icon-size-5 mr-2"
[svgIcon]="'heroicons_solid:share'"></mat-icon> [svgIcon]="'heroicons_solid:share'"></mat-icon>
@ -1766,8 +1686,7 @@
<div class="flex items-center mx-3 sm:mx-5"> <div class="flex items-center mx-3 sm:mx-5">
<button <button
class="px-3 mr-1" class="px-3 mr-1"
mat-button mat-button>
[routerLink]="['./']">
<mat-icon <mat-icon
class="icon-size-5 text-red-500 mr-2" class="icon-size-5 text-red-500 mr-2"
[svgIcon]="'heroicons_solid:heart'"></mat-icon> [svgIcon]="'heroicons_solid:heart'"></mat-icon>
@ -1775,8 +1694,7 @@
</button> </button>
<button <button
class="px-3 mr-1" class="px-3 mr-1"
mat-button mat-button>
[routerLink]="['./']">
<mat-icon <mat-icon
class="icon-size-5 mr-2" class="icon-size-5 mr-2"
[svgIcon]="'heroicons_solid:chat-alt'"></mat-icon> [svgIcon]="'heroicons_solid:chat-alt'"></mat-icon>
@ -1784,8 +1702,7 @@
</button> </button>
<button <button
class="px-3 mr-1" class="px-3 mr-1"
mat-button mat-button>
[routerLink]="['./']">
<mat-icon <mat-icon
class="icon-size-5 mr-2" class="icon-size-5 mr-2"
[svgIcon]="'heroicons_solid:share'"></mat-icon> [svgIcon]="'heroicons_solid:share'"></mat-icon>

File diff suppressed because it is too large Load Diff

View File

@ -88,7 +88,7 @@ export interface PageLayoutsOverviewData
</div> </div>
</div> </div>
<div *ngIf="selectedOption.link"> <div *ngIf="selectedOption.link">
<button <a
mat-flat-button mat-flat-button
[color]="'primary'" [color]="'primary'"
[routerLink]="selectedOption.link"> [routerLink]="selectedOption.link">
@ -96,7 +96,7 @@ export interface PageLayoutsOverviewData
class="mr-2 icon-size-5" class="mr-2 icon-size-5"
[svgIcon]="'heroicons_solid:external-link'"></mat-icon> [svgIcon]="'heroicons_solid:external-link'"></mat-icon>
<span>View</span> <span>View</span>
</button> </a>
</div> </div>
</div> </div>
</div> </div>