ngx-admin/src/app/pages/e-commerce/earning-card/earning-card.component.scss

44 lines
782 B
SCSS

@import '../../../@theme/styles/themes';
@include nb-install-component() {
nb-card {
position: relative;
}
.flip-icon {
position: absolute;
right: 0.625rem;
top: 1rem;
@include nb-rtl(right, auto);
@include nb-rtl(left, 0.625rem);
@include nb-rtl(transform, scaleX(-1));
cursor: pointer;
}
::ng-deep .flipped {
.back-container {
.flip-icon {
@include nb-ltr(transform, scaleX(-1));
@include nb-rtl(transform, scaleX(1));
}
}
.front-container {
.flip-icon {
display: none;
}
}
}
ngx-earning-card-back,
ngx-earning-card-front {
display: flex;
flex-direction: column;
flex: 1;
}
::ng-deep nb-card-body {
overflow: hidden;
display: flex;
}
}