style: default icon for clients, adjusted style in my apps, new api default icon
MODIFY
src/app/components/img-or-icon-selector/img-or-icon-selector.component.html
src/app/components/img-or-icon-selector/img-or-icon-selector.component.html
<!-- OR show icon if img not available -->
<ng-template #withIcon>
<div class="icon-wrapper">
- <mat-icon color="primary" id="icon" class="api-icon">api</mat-icon>
+ <mat-icon color="primary" id="icon" class="api-icon">developer_board</mat-icon>
</div>
</ng-template>

MODIFY
src/app/components/my-apps/my-apps.component.html
src/app/components/my-apps/my-apps.component.html
<!-- Client Header -->
<div class="app-header">
<div class="app-icon-wrapper">
- <img class="app-icon" [src]="'assets/img/api-man-logo.png'" alt="app-icon">
+ <mat-icon class="client-icon" color="primary">devices</mat-icon>
</div>
<div class="content-text">
<h3 class="primary app-title" >

MODIFY
src/app/components/my-apps/my-apps.component.scss
src/app/components/my-apps/my-apps.component.scss
.app-header{
display: grid;
- justify-content: space-between;
- align-items: start;
- grid-template-columns: 0.6fr 6fr 3.4fr;
- grid-column-gap: 16px;
- grid-row-gap: 32px;
+ align-items: center;
+ grid-template-columns: 65px 6fr 3.4fr;
+ grid-column-gap: 22px;
}
.app-icon-wrapper{
- max-width: 100%;
- overflow: hidden;
+ width: 65px;
+ height: 65px;
}
-.app-icon{
- width: 100%;
- transform: scale(0.9);
+.client-icon{
+ font-size: 65px;
}
.app-title{
}
.client-card{
+ padding-top: 6px;
padding-bottom: 1.6rem;
}

style: default icon for clients, adjusted style in my apps, new api default icon