consultant

This commit is contained in:
Smart 2023-03-04 16:48:00 +05:30
parent bc6b330c8f
commit c76e2a89f2
3 changed files with 38 additions and 42 deletions

View File

@ -20,7 +20,7 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
} }
::ng-deep .body-container { ::ng-deep .body-container {
overflow-x: hidden; overflow-x: hidden;
overflow-y: hidden; overflow-y: hidden!important;
background-color: #ffff; background-color: #ffff;
} }
::ng-deep .mat-expansion-panel:not([class*='mat-elevation-z']) { ::ng-deep .mat-expansion-panel:not([class*='mat-elevation-z']) {

View File

@ -1,44 +1,40 @@
<div fxLayout="row wrap" > <div fxLayout="row wrap" >
<div fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="50" fxFlex.lg="33.33" fxFlex.xl="33.33" class="m-gap p-gap" *ngFor="let consultant of consultants"> <div fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="50" fxFlex.lg="33.33" fxFlex.xl="33.33" class="m-gap p-gap" *ngFor="let consultant of consultants">
<div class="consultant-list-card"> <div class="consultant-list-card">
<div class="consultant-content">
<div class="consultant-content"> <div class="pad-wrap d-flex mb-1">
<div class="pad-wrap d-flex mb-1"> <div class="consultant-card-cover">
<div class="consultant-card-cover"> <div>
<div> <div class="text-center consultant-thumb">
<div class="text-center consultant-thumb"> <img class="img-responsive img-circle" src="{{consultant.image}}" width="120" height="120" alt="user list image">
<img class="img-responsive img-circle" src="{{consultant.image}}" width="120" height="120" alt="user list image"> </div>
</div> </div>
</div>
</div>
<div class="consultant-profile">
<h5 class="text-primary">{{consultant.name}}</h5>
<span class="silk-block mb-1 consultant-span">{{consultant.specialist}}</span><br>
<span class="silk-block mb-1 consultant-span">{{consultant.year}}</span><br>
<span class="silk-block mb-1 consultant-span">{{consultant.qualification}}</span><br>
<span class="silk-block mb-1 consultant-span">Starts at ₹{{consultant.payment}}</span><br>
</div>
</div> </div>
<span class="d-flex mb-1"> <div class="consultant-profile">
<mat-icon class="mt-1">transcribe</mat-icon> <h5 class="text-primary">{{consultant.name}}</h5>
<span class="consultant-span mt-1 pl-1">{{consultant.language}}</span> <span class="silk-block mb-1 consultant-span">{{consultant.specialist}}</span><br>
</span> <span class="silk-block mb-1 consultant-span">{{consultant.year}}</span><br>
<span class="d-flex mb-1"> <span class="silk-block mb-1 consultant-span">{{consultant.qualification}}</span><br>
<mat-icon>location_on</mat-icon> <span class="silk-block mb-1 consultant-span">Starts at ₹ {{consultant.payment}}</span><br>
<span class="consultant-span pl-1">{{consultant.city}}</span> </div>
</span> </div>
<div class="align-self-center"> <span class="d-flex mb-1">
<!-- <button type="button" class="UserActions-editButton edit-button EdgeButton EdgeButton--tertiary" data-scribe-element="profile_edit_button"> <mat-icon class="mt-1">transcribe</mat-icon>
<span class="button-text">Accept</span> <span class="consultant-span mt-1 pl-1">{{consultant.language}}</span>
</button> --> </span>
<button type="button" class="UserActions-editButton edit-button EdgeButton EdgeButton--tertiary btn-red" data-scribe-element="profile_edit_button"> <span class="d-flex mb-1">
<span class="button-text">Booking Appoinment</span> <mat-icon>location_on</mat-icon>
</button> <span class="consultant-span pl-1">{{consultant.city}}</span>
</div> </span>
<div class="align-self-center">
</div> <!-- <button type="button" class="UserActions-editButton edit-button EdgeButton EdgeButton--tertiary" data-scribe-element="profile_edit_button">
</div> <span class="button-text">Accept</span>
</button> -->
<button type="button" class="UserActions-editButton edit-button EdgeButton EdgeButton--tertiary btn-red" data-scribe-element="profile_edit_button">
<span class="button-text">Booking Appoinment</span>
</button>
</div>
</div>
</div>
</div> </div>
</div> </div>

View File

@ -51,7 +51,7 @@ $black_60: rgba(0, 0, 0, 0.6);
// } // }
::ng-deep .body-container { ::ng-deep .body-container {
// overflow-x: hidden; // overflow-x: hidden;
// overflow-y: hidden; overflow-y: auto!important;
background-color: #ffff; background-color: #ffff;
} }
.consultant-profile{ .consultant-profile{