Appointment/appointments_frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui-fix

Browse Source
This commit is contained in:
Smart 2023-03-15 10:46:31 +05:30
parent 4a23c57c0e
commit 87ac4ecbc5
3 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ng-seed/src/app/appoinment/consultants/consultants-list/consultants-list.component.scss
View File

@ -18,6 +18,8 @@ $black_60: rgba(0, 0, 0, 0.6);
transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;
&:hover { &:hover {
box-shadow: 0 0 21px $black_30; box-shadow: 0 0 21px $black_30;
cursor: pointer;
transform: scale(1.04);
} }
} }
.consultant-span{ .consultant-span{

2
ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.html
View File

@ -1,4 +1,4 @@
<button mat-button (click)="openDialog('Add',{})" class="button">Add Services</button><br> <button mat-button (click)="openDialog('Add',{})" class="buttons">Add Services</button><br>
<div fxLayout="row wrap" > <div fxLayout="row wrap" >
<div fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="50" class="m-gap p-gap flx" *ngFor="let serviceListDetails of servicesList"> <div fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="50" class="m-gap p-gap flx" *ngFor="let serviceListDetails of servicesList">
<div class="Specialties-list-card"> <div class="Specialties-list-card">

9
ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.scss
View File

@ -1,12 +1,17 @@
$white: #fff; $white: #fff;
$black_10: rgba(0, 0, 0, 0.1); $black_10: rgba(0, 0, 0, 0.1);
$black_30: rgba(0, 0, 0, 0.3); $black_30: rgba(0, 0, 0, 0.3);
$icon-size: 3rem;
$icon-color: #D8D8D8;
$main-color: #f44336;
.Specialties-list-card { .Specialties-list-card {
background: $white; background: $white;
box-shadow: 0 2px 6px $black_10; box-shadow: 0 2px 6px $black_10;
transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;
&:hover { &:hover {
box-shadow: 0 0 21px $black_30; box-shadow: 0 0 21px $black_30;
cursor: pointer;
transform: scale(1.04);
} }
} }
.consultant-card-cover { .consultant-card-cover {
@ -75,13 +80,13 @@ $black_30: rgba(0, 0, 0, 0.3);
::ng-deep body .mat-card .mat-card-subtitle { ::ng-deep body .mat-card .mat-card-subtitle {
padding-left: 0rem!important; padding-left: 0rem!important;
} }
.button{ .buttons{
float: right; float: right;
background-color: #4caf50; background-color: #4caf50;
color: #ffff; color: #ffff;
} }
.edit-color{ .edit-color{
color: rgba(0, 0, 0, 0.54); color: white;
} }
.edit-color:hover { .edit-color:hover {
color: #4caf50; color: #4caf50;