layouts are fixed
This commit is contained in:
parent
de2ec9e203
commit
7cc8e4494b
|
@ -48,9 +48,7 @@
|
||||||
|
|
||||||
<!-- CONTENT CARD -->
|
<!-- CONTENT CARD -->
|
||||||
<div class="content-card">
|
<div class="content-card">
|
||||||
<app-bet-history-table></app-bet-history-table>
|
<app-bet-history-table class="bet-history-table"></app-bet-history-table>
|
||||||
<app-bet-history-table></app-bet-history-table>
|
|
||||||
<app-bet-history-table></app-bet-history-table>
|
|
||||||
<mat-paginator
|
<mat-paginator
|
||||||
#paginator
|
#paginator
|
||||||
[pageIndex]="0"
|
[pageIndex]="0"
|
||||||
|
|
|
@ -1,122 +1,117 @@
|
||||||
@import "src/@fuse/scss/fuse";
|
@import 'src/@fuse/scss/fuse';
|
||||||
|
|
||||||
e-commerce-orders {
|
app-mini-game-settings {
|
||||||
|
#orders {
|
||||||
#orders {
|
.top-bg {
|
||||||
|
@include media-breakpoint('xs') {
|
||||||
.top-bg {
|
height: 224px;
|
||||||
|
}
|
||||||
@include media-breakpoint('xs') {
|
|
||||||
height: 224px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
> .center {
|
|
||||||
|
|
||||||
> .header {
|
|
||||||
|
|
||||||
.search-wrapper {
|
|
||||||
width: 100%;
|
|
||||||
max-width: 480px;
|
|
||||||
border-radius: 28px;
|
|
||||||
overflow: hidden;
|
|
||||||
@include mat-elevation(1);
|
|
||||||
|
|
||||||
@include media-breakpoint('xs') {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.search {
|
|
||||||
width: 100%;
|
|
||||||
height: 48px;
|
|
||||||
line-height: 48px;
|
|
||||||
padding: 0 18px;
|
|
||||||
|
|
||||||
input {
|
|
||||||
width: 100%;
|
|
||||||
height: 48px;
|
|
||||||
min-height: 48px;
|
|
||||||
max-height: 48px;
|
|
||||||
padding: 0 16px;
|
|
||||||
border: none;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@include media-breakpoint('xs') {
|
|
||||||
padding: 8px 0;
|
|
||||||
height: 160px !important;
|
|
||||||
min-height: 160px !important;
|
|
||||||
max-height: 160px !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.mat-tab-group,
|
> .center {
|
||||||
.mat-tab-body-wrapper,
|
> .header {
|
||||||
.tab-content {
|
.search-wrapper {
|
||||||
flex: 1 1 auto;
|
width: 100%;
|
||||||
max-width: 100%;
|
max-width: 480px;
|
||||||
|
border-radius: 28px;
|
||||||
|
overflow: hidden;
|
||||||
|
@include mat-elevation(1);
|
||||||
|
|
||||||
|
@include media-breakpoint('xs') {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search {
|
||||||
|
width: 100%;
|
||||||
|
height: 48px;
|
||||||
|
line-height: 48px;
|
||||||
|
padding: 0 18px;
|
||||||
|
|
||||||
|
input {
|
||||||
|
width: 100%;
|
||||||
|
height: 48px;
|
||||||
|
min-height: 48px;
|
||||||
|
max-height: 48px;
|
||||||
|
padding: 0 16px;
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include media-breakpoint('xs') {
|
||||||
|
padding: 8px 0;
|
||||||
|
height: 160px !important;
|
||||||
|
min-height: 160px !important;
|
||||||
|
max-height: 160px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-tab-group,
|
||||||
|
.mat-tab-body-wrapper,
|
||||||
|
.tab-content {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.orders-table {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
||||||
|
overflow: auto;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
|
||||||
|
.mat-header-row {
|
||||||
|
min-height: 64px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.orders-table {
|
.order {
|
||||||
flex: 1 1 auto;
|
position: relative;
|
||||||
border-bottom: 1px solid rgba(0, 0, 0, .12);
|
cursor: pointer;
|
||||||
overflow: auto;
|
height: 84px;
|
||||||
-webkit-overflow-scrolling: touch;
|
|
||||||
|
|
||||||
.mat-header-row {
|
|
||||||
min-height: 64px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.order {
|
|
||||||
position: relative;
|
|
||||||
cursor: pointer;
|
|
||||||
height: 84px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mat-cell {
|
|
||||||
min-width: 0;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mat-column-id {
|
|
||||||
flex: 0 1 84px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mat-column-image {
|
|
||||||
flex: 0 1 84px;
|
|
||||||
|
|
||||||
.product-image {
|
|
||||||
width: 52px;
|
|
||||||
height: 52px;
|
|
||||||
border: 1px solid rgba(0, 0, 0, .12);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.mat-column-buttons {
|
|
||||||
flex: 0 1 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.quantity-indicator {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
width: 8px;
|
|
||||||
height: 8px;
|
|
||||||
border-radius: 4px;
|
|
||||||
margin-right: 8px;
|
|
||||||
|
|
||||||
& + span {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.active-icon {
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mat-cell {
|
||||||
|
min-width: 0;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-column-id {
|
||||||
|
flex: 0 1 84px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-column-image {
|
||||||
|
flex: 0 1 84px;
|
||||||
|
|
||||||
|
.product-image {
|
||||||
|
width: 52px;
|
||||||
|
height: 52px;
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-column-buttons {
|
||||||
|
flex: 0 1 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quantity-indicator {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-right: 8px;
|
||||||
|
|
||||||
|
& + span {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.active-icon {
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,122 +1,117 @@
|
||||||
@import "src/@fuse/scss/fuse";
|
@import 'src/@fuse/scss/fuse';
|
||||||
|
|
||||||
e-commerce-orders {
|
app-mini-game {
|
||||||
|
#orders {
|
||||||
#orders {
|
.top-bg {
|
||||||
|
@include media-breakpoint('xs') {
|
||||||
.top-bg {
|
height: 224px;
|
||||||
|
}
|
||||||
@include media-breakpoint('xs') {
|
|
||||||
height: 224px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
> .center {
|
|
||||||
|
|
||||||
> .header {
|
|
||||||
|
|
||||||
.search-wrapper {
|
|
||||||
width: 100%;
|
|
||||||
max-width: 480px;
|
|
||||||
border-radius: 28px;
|
|
||||||
overflow: hidden;
|
|
||||||
@include mat-elevation(1);
|
|
||||||
|
|
||||||
@include media-breakpoint('xs') {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.search {
|
|
||||||
width: 100%;
|
|
||||||
height: 48px;
|
|
||||||
line-height: 48px;
|
|
||||||
padding: 0 18px;
|
|
||||||
|
|
||||||
input {
|
|
||||||
width: 100%;
|
|
||||||
height: 48px;
|
|
||||||
min-height: 48px;
|
|
||||||
max-height: 48px;
|
|
||||||
padding: 0 16px;
|
|
||||||
border: none;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@include media-breakpoint('xs') {
|
|
||||||
padding: 8px 0;
|
|
||||||
height: 160px !important;
|
|
||||||
min-height: 160px !important;
|
|
||||||
max-height: 160px !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.mat-tab-group,
|
> .center {
|
||||||
.mat-tab-body-wrapper,
|
> .header {
|
||||||
.tab-content {
|
.search-wrapper {
|
||||||
flex: 1 1 auto;
|
width: 100%;
|
||||||
max-width: 100%;
|
max-width: 480px;
|
||||||
|
border-radius: 28px;
|
||||||
|
overflow: hidden;
|
||||||
|
@include mat-elevation(1);
|
||||||
|
|
||||||
|
@include media-breakpoint('xs') {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search {
|
||||||
|
width: 100%;
|
||||||
|
height: 48px;
|
||||||
|
line-height: 48px;
|
||||||
|
padding: 0 18px;
|
||||||
|
|
||||||
|
input {
|
||||||
|
width: 100%;
|
||||||
|
height: 48px;
|
||||||
|
min-height: 48px;
|
||||||
|
max-height: 48px;
|
||||||
|
padding: 0 16px;
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include media-breakpoint('xs') {
|
||||||
|
padding: 8px 0;
|
||||||
|
height: 160px !important;
|
||||||
|
min-height: 160px !important;
|
||||||
|
max-height: 160px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-tab-group,
|
||||||
|
.mat-tab-body-wrapper,
|
||||||
|
.tab-content {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.orders-table {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
||||||
|
overflow: auto;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
|
||||||
|
.mat-header-row {
|
||||||
|
min-height: 64px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.orders-table {
|
.order {
|
||||||
flex: 1 1 auto;
|
position: relative;
|
||||||
border-bottom: 1px solid rgba(0, 0, 0, .12);
|
cursor: pointer;
|
||||||
overflow: auto;
|
height: 84px;
|
||||||
-webkit-overflow-scrolling: touch;
|
|
||||||
|
|
||||||
.mat-header-row {
|
|
||||||
min-height: 64px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.order {
|
|
||||||
position: relative;
|
|
||||||
cursor: pointer;
|
|
||||||
height: 84px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mat-cell {
|
|
||||||
min-width: 0;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mat-column-id {
|
|
||||||
flex: 0 1 84px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mat-column-image {
|
|
||||||
flex: 0 1 84px;
|
|
||||||
|
|
||||||
.product-image {
|
|
||||||
width: 52px;
|
|
||||||
height: 52px;
|
|
||||||
border: 1px solid rgba(0, 0, 0, .12);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.mat-column-buttons {
|
|
||||||
flex: 0 1 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.quantity-indicator {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
width: 8px;
|
|
||||||
height: 8px;
|
|
||||||
border-radius: 4px;
|
|
||||||
margin-right: 8px;
|
|
||||||
|
|
||||||
& + span {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.active-icon {
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mat-cell {
|
||||||
|
min-width: 0;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-column-id {
|
||||||
|
flex: 0 1 84px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-column-image {
|
||||||
|
flex: 0 1 84px;
|
||||||
|
|
||||||
|
.product-image {
|
||||||
|
width: 52px;
|
||||||
|
height: 52px;
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-column-buttons {
|
||||||
|
flex: 0 1 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quantity-indicator {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-right: 8px;
|
||||||
|
|
||||||
|
& + span {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.active-icon {
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,122 +1,117 @@
|
||||||
@import "src/@fuse/scss/fuse";
|
@import 'src/@fuse/scss/fuse';
|
||||||
|
|
||||||
e-commerce-orders {
|
app-sport-mix {
|
||||||
|
#orders {
|
||||||
#orders {
|
.top-bg {
|
||||||
|
@include media-breakpoint('xs') {
|
||||||
.top-bg {
|
height: 224px;
|
||||||
|
}
|
||||||
@include media-breakpoint('xs') {
|
|
||||||
height: 224px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
> .center {
|
|
||||||
|
|
||||||
> .header {
|
|
||||||
|
|
||||||
.search-wrapper {
|
|
||||||
width: 100%;
|
|
||||||
max-width: 480px;
|
|
||||||
border-radius: 28px;
|
|
||||||
overflow: hidden;
|
|
||||||
@include mat-elevation(1);
|
|
||||||
|
|
||||||
@include media-breakpoint('xs') {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.search {
|
|
||||||
width: 100%;
|
|
||||||
height: 48px;
|
|
||||||
line-height: 48px;
|
|
||||||
padding: 0 18px;
|
|
||||||
|
|
||||||
input {
|
|
||||||
width: 100%;
|
|
||||||
height: 48px;
|
|
||||||
min-height: 48px;
|
|
||||||
max-height: 48px;
|
|
||||||
padding: 0 16px;
|
|
||||||
border: none;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@include media-breakpoint('xs') {
|
|
||||||
padding: 8px 0;
|
|
||||||
height: 160px !important;
|
|
||||||
min-height: 160px !important;
|
|
||||||
max-height: 160px !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.mat-tab-group,
|
> .center {
|
||||||
.mat-tab-body-wrapper,
|
> .header {
|
||||||
.tab-content {
|
.search-wrapper {
|
||||||
flex: 1 1 auto;
|
width: 100%;
|
||||||
max-width: 100%;
|
max-width: 480px;
|
||||||
|
border-radius: 28px;
|
||||||
|
overflow: hidden;
|
||||||
|
@include mat-elevation(1);
|
||||||
|
|
||||||
|
@include media-breakpoint('xs') {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search {
|
||||||
|
width: 100%;
|
||||||
|
height: 48px;
|
||||||
|
line-height: 48px;
|
||||||
|
padding: 0 18px;
|
||||||
|
|
||||||
|
input {
|
||||||
|
width: 100%;
|
||||||
|
height: 48px;
|
||||||
|
min-height: 48px;
|
||||||
|
max-height: 48px;
|
||||||
|
padding: 0 16px;
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include media-breakpoint('xs') {
|
||||||
|
padding: 8px 0;
|
||||||
|
height: 160px !important;
|
||||||
|
min-height: 160px !important;
|
||||||
|
max-height: 160px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-tab-group,
|
||||||
|
.mat-tab-body-wrapper,
|
||||||
|
.tab-content {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.orders-table {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
||||||
|
overflow: auto;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
|
||||||
|
.mat-header-row {
|
||||||
|
min-height: 64px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.orders-table {
|
.order {
|
||||||
flex: 1 1 auto;
|
position: relative;
|
||||||
border-bottom: 1px solid rgba(0, 0, 0, .12);
|
cursor: pointer;
|
||||||
overflow: auto;
|
height: 84px;
|
||||||
-webkit-overflow-scrolling: touch;
|
|
||||||
|
|
||||||
.mat-header-row {
|
|
||||||
min-height: 64px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.order {
|
|
||||||
position: relative;
|
|
||||||
cursor: pointer;
|
|
||||||
height: 84px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mat-cell {
|
|
||||||
min-width: 0;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mat-column-id {
|
|
||||||
flex: 0 1 84px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mat-column-image {
|
|
||||||
flex: 0 1 84px;
|
|
||||||
|
|
||||||
.product-image {
|
|
||||||
width: 52px;
|
|
||||||
height: 52px;
|
|
||||||
border: 1px solid rgba(0, 0, 0, .12);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.mat-column-buttons {
|
|
||||||
flex: 0 1 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.quantity-indicator {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
width: 8px;
|
|
||||||
height: 8px;
|
|
||||||
border-radius: 4px;
|
|
||||||
margin-right: 8px;
|
|
||||||
|
|
||||||
& + span {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.active-icon {
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mat-cell {
|
||||||
|
min-width: 0;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-column-id {
|
||||||
|
flex: 0 1 84px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-column-image {
|
||||||
|
flex: 0 1 84px;
|
||||||
|
|
||||||
|
.product-image {
|
||||||
|
width: 52px;
|
||||||
|
height: 52px;
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-column-buttons {
|
||||||
|
flex: 0 1 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quantity-indicator {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-right: 8px;
|
||||||
|
|
||||||
|
& + span {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.active-icon {
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,122 +1,117 @@
|
||||||
@import "src/@fuse/scss/fuse";
|
@import 'src/@fuse/scss/fuse';
|
||||||
|
|
||||||
e-commerce-orders {
|
app-sport-result {
|
||||||
|
#orders {
|
||||||
#orders {
|
.top-bg {
|
||||||
|
@include media-breakpoint('xs') {
|
||||||
.top-bg {
|
height: 224px;
|
||||||
|
}
|
||||||
@include media-breakpoint('xs') {
|
|
||||||
height: 224px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
> .center {
|
|
||||||
|
|
||||||
> .header {
|
|
||||||
|
|
||||||
.search-wrapper {
|
|
||||||
width: 100%;
|
|
||||||
max-width: 480px;
|
|
||||||
border-radius: 28px;
|
|
||||||
overflow: hidden;
|
|
||||||
@include mat-elevation(1);
|
|
||||||
|
|
||||||
@include media-breakpoint('xs') {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.search {
|
|
||||||
width: 100%;
|
|
||||||
height: 48px;
|
|
||||||
line-height: 48px;
|
|
||||||
padding: 0 18px;
|
|
||||||
|
|
||||||
input {
|
|
||||||
width: 100%;
|
|
||||||
height: 48px;
|
|
||||||
min-height: 48px;
|
|
||||||
max-height: 48px;
|
|
||||||
padding: 0 16px;
|
|
||||||
border: none;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@include media-breakpoint('xs') {
|
|
||||||
padding: 8px 0;
|
|
||||||
height: 160px !important;
|
|
||||||
min-height: 160px !important;
|
|
||||||
max-height: 160px !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.mat-tab-group,
|
> .center {
|
||||||
.mat-tab-body-wrapper,
|
> .header {
|
||||||
.tab-content {
|
.search-wrapper {
|
||||||
flex: 1 1 auto;
|
width: 100%;
|
||||||
max-width: 100%;
|
max-width: 480px;
|
||||||
|
border-radius: 28px;
|
||||||
|
overflow: hidden;
|
||||||
|
@include mat-elevation(1);
|
||||||
|
|
||||||
|
@include media-breakpoint('xs') {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search {
|
||||||
|
width: 100%;
|
||||||
|
height: 48px;
|
||||||
|
line-height: 48px;
|
||||||
|
padding: 0 18px;
|
||||||
|
|
||||||
|
input {
|
||||||
|
width: 100%;
|
||||||
|
height: 48px;
|
||||||
|
min-height: 48px;
|
||||||
|
max-height: 48px;
|
||||||
|
padding: 0 16px;
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include media-breakpoint('xs') {
|
||||||
|
padding: 8px 0;
|
||||||
|
height: 160px !important;
|
||||||
|
min-height: 160px !important;
|
||||||
|
max-height: 160px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-tab-group,
|
||||||
|
.mat-tab-body-wrapper,
|
||||||
|
.tab-content {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.orders-table {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
||||||
|
overflow: auto;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
|
||||||
|
.mat-header-row {
|
||||||
|
min-height: 64px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.orders-table {
|
.order {
|
||||||
flex: 1 1 auto;
|
position: relative;
|
||||||
border-bottom: 1px solid rgba(0, 0, 0, .12);
|
cursor: pointer;
|
||||||
overflow: auto;
|
height: 84px;
|
||||||
-webkit-overflow-scrolling: touch;
|
|
||||||
|
|
||||||
.mat-header-row {
|
|
||||||
min-height: 64px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.order {
|
|
||||||
position: relative;
|
|
||||||
cursor: pointer;
|
|
||||||
height: 84px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mat-cell {
|
|
||||||
min-width: 0;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mat-column-id {
|
|
||||||
flex: 0 1 84px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mat-column-image {
|
|
||||||
flex: 0 1 84px;
|
|
||||||
|
|
||||||
.product-image {
|
|
||||||
width: 52px;
|
|
||||||
height: 52px;
|
|
||||||
border: 1px solid rgba(0, 0, 0, .12);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.mat-column-buttons {
|
|
||||||
flex: 0 1 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.quantity-indicator {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
width: 8px;
|
|
||||||
height: 8px;
|
|
||||||
border-radius: 4px;
|
|
||||||
margin-right: 8px;
|
|
||||||
|
|
||||||
& + span {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.active-icon {
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mat-cell {
|
||||||
|
min-width: 0;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-column-id {
|
||||||
|
flex: 0 1 84px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-column-image {
|
||||||
|
flex: 0 1 84px;
|
||||||
|
|
||||||
|
.product-image {
|
||||||
|
width: 52px;
|
||||||
|
height: 52px;
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-column-buttons {
|
||||||
|
flex: 0 1 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quantity-indicator {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-right: 8px;
|
||||||
|
|
||||||
|
& + span {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.active-icon {
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -49,7 +49,7 @@
|
||||||
<!-- CONTENT CARD -->
|
<!-- CONTENT CARD -->
|
||||||
<div class="content-card">
|
<div class="content-card">
|
||||||
<mat-table
|
<mat-table
|
||||||
class="service-center"
|
class="service-center-table"
|
||||||
#table
|
#table
|
||||||
[dataSource]="dataSource"
|
[dataSource]="dataSource"
|
||||||
matSort
|
matSort
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
@import 'src/@fuse/scss/fuse';
|
@import 'src/@fuse/scss/fuse';
|
||||||
|
|
||||||
app-service-center {
|
app-free-board {
|
||||||
#service-center {
|
#service-center {
|
||||||
.top-bg {
|
.top-bg {
|
||||||
@include media-breakpoint('xs') {
|
@include media-breakpoint('xs') {
|
||||||
|
|
|
@ -46,7 +46,6 @@
|
||||||
|
|
||||||
<!-- CONTENT CARD -->
|
<!-- CONTENT CARD -->
|
||||||
<div class="content-card">
|
<div class="content-card">
|
||||||
<form name="popupSetForm" [formGroup]="mtformgroup" novalidate>
|
|
||||||
<mat-table
|
<mat-table
|
||||||
class="popup-set-table"
|
class="popup-set-table"
|
||||||
#table
|
#table
|
||||||
|
@ -239,7 +238,7 @@
|
||||||
>
|
>
|
||||||
</mat-row>
|
</mat-row>
|
||||||
</mat-table>
|
</mat-table>
|
||||||
</form>
|
|
||||||
<mat-paginator
|
<mat-paginator
|
||||||
#paginator
|
#paginator
|
||||||
[length]="10"
|
[length]="10"
|
||||||
|
|
|
@ -49,7 +49,7 @@
|
||||||
<!-- CONTENT CARD -->
|
<!-- CONTENT CARD -->
|
||||||
<div class="content-card">
|
<div class="content-card">
|
||||||
<mat-table
|
<mat-table
|
||||||
class="service-center"
|
class="service-center-table"
|
||||||
#table
|
#table
|
||||||
[dataSource]="dataSource"
|
[dataSource]="dataSource"
|
||||||
matSort
|
matSort
|
||||||
|
|
|
@ -49,7 +49,7 @@
|
||||||
<!-- CONTENT CARD -->
|
<!-- CONTENT CARD -->
|
||||||
<div class="content-card">
|
<div class="content-card">
|
||||||
<mat-table
|
<mat-table
|
||||||
class="service-center"
|
class="service-center-table"
|
||||||
#table
|
#table
|
||||||
[dataSource]="dataSource"
|
[dataSource]="dataSource"
|
||||||
matSort
|
matSort
|
||||||
|
|
|
@ -49,7 +49,7 @@
|
||||||
<!-- CONTENT CARD -->
|
<!-- CONTENT CARD -->
|
||||||
<div class="content-card">
|
<div class="content-card">
|
||||||
<mat-table
|
<mat-table
|
||||||
class="service-center"
|
class="service-center-table"
|
||||||
#table
|
#table
|
||||||
[dataSource]="dataSource"
|
[dataSource]="dataSource"
|
||||||
matSort
|
matSort
|
||||||
|
|
|
@ -49,7 +49,7 @@
|
||||||
<!-- CONTENT CARD -->
|
<!-- CONTENT CARD -->
|
||||||
<div class="content-card">
|
<div class="content-card">
|
||||||
<mat-table
|
<mat-table
|
||||||
class="service-center"
|
class="service-center-table"
|
||||||
#table
|
#table
|
||||||
[dataSource]="dataSource"
|
[dataSource]="dataSource"
|
||||||
matSort
|
matSort
|
||||||
|
|
|
@ -49,7 +49,7 @@
|
||||||
<!-- CONTENT CARD -->
|
<!-- CONTENT CARD -->
|
||||||
<div class="content-card">
|
<div class="content-card">
|
||||||
<mat-table
|
<mat-table
|
||||||
class="service-center"
|
class="service-center-table"
|
||||||
#table
|
#table
|
||||||
[dataSource]="dataSource"
|
[dataSource]="dataSource"
|
||||||
matSort
|
matSort
|
||||||
|
|
|
@ -0,0 +1,117 @@
|
||||||
|
@import 'src/@fuse/scss/fuse';
|
||||||
|
|
||||||
|
app-user-connect {
|
||||||
|
#users {
|
||||||
|
.top-bg {
|
||||||
|
@include media-breakpoint('xs') {
|
||||||
|
height: 224px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> .center {
|
||||||
|
> .header {
|
||||||
|
.search-wrapper {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 480px;
|
||||||
|
border-radius: 28px;
|
||||||
|
overflow: hidden;
|
||||||
|
@include mat-elevation(1);
|
||||||
|
|
||||||
|
@include media-breakpoint('xs') {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search {
|
||||||
|
width: 100%;
|
||||||
|
height: 48px;
|
||||||
|
line-height: 48px;
|
||||||
|
padding: 0 18px;
|
||||||
|
|
||||||
|
input {
|
||||||
|
width: 100%;
|
||||||
|
height: 48px;
|
||||||
|
min-height: 48px;
|
||||||
|
max-height: 48px;
|
||||||
|
padding: 0 16px;
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include media-breakpoint('xs') {
|
||||||
|
padding: 8px 0;
|
||||||
|
height: 160px !important;
|
||||||
|
min-height: 160px !important;
|
||||||
|
max-height: 160px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-tab-group,
|
||||||
|
.mat-tab-body-wrapper,
|
||||||
|
.tab-content {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.users-table {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
||||||
|
overflow: auto;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
|
||||||
|
.mat-header-row {
|
||||||
|
min-height: 64px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user {
|
||||||
|
position: relative;
|
||||||
|
cursor: pointer;
|
||||||
|
height: 84px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-cell {
|
||||||
|
min-width: 0;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-column-id {
|
||||||
|
flex: 0 1 84px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-column-image {
|
||||||
|
flex: 0 1 84px;
|
||||||
|
|
||||||
|
.product-image {
|
||||||
|
width: 52px;
|
||||||
|
height: 52px;
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-column-buttons {
|
||||||
|
flex: 0 1 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quantity-indicator {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-right: 8px;
|
||||||
|
|
||||||
|
& + span {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.active-icon {
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -1,4 +1,3 @@
|
||||||
|
|
||||||
import {
|
import {
|
||||||
Component,
|
Component,
|
||||||
ElementRef,
|
ElementRef,
|
||||||
|
@ -31,8 +30,7 @@ export class UserConnectComponent implements OnInit, OnDestroy {
|
||||||
'registTime',
|
'registTime',
|
||||||
'holdMoney',
|
'holdMoney',
|
||||||
'point',
|
'point',
|
||||||
'fire',
|
'fire'
|
||||||
|
|
||||||
];
|
];
|
||||||
|
|
||||||
@ViewChild(MatPaginator, { static: true })
|
@ViewChild(MatPaginator, { static: true })
|
||||||
|
@ -50,9 +48,7 @@ export class UserConnectComponent implements OnInit, OnDestroy {
|
||||||
/**
|
/**
|
||||||
* Constructor
|
* Constructor
|
||||||
*/
|
*/
|
||||||
constructor(
|
constructor(private _formBuilder: FormBuilder) {
|
||||||
private _formBuilder: FormBuilder
|
|
||||||
) {
|
|
||||||
// Set the private defaults
|
// Set the private defaults
|
||||||
this._unsubscribeAll = new Subject();
|
this._unsubscribeAll = new Subject();
|
||||||
}
|
}
|
||||||
|
@ -65,7 +61,7 @@ export class UserConnectComponent implements OnInit, OnDestroy {
|
||||||
// disabled: true
|
// disabled: true
|
||||||
// }, Validators.required
|
// }, Validators.required
|
||||||
// ],
|
// ],
|
||||||
firstName: ['', Validators.required],
|
firstName: ['', Validators.required]
|
||||||
// lastName: ['', Validators.required],
|
// lastName: ['', Validators.required],
|
||||||
// address: ['', Validators.required],
|
// address: ['', Validators.required],
|
||||||
// address2: ['', Validators.required],
|
// address2: ['', Validators.required],
|
||||||
|
|
|
@ -0,0 +1,117 @@
|
||||||
|
@import 'src/@fuse/scss/fuse';
|
||||||
|
|
||||||
|
app-user-fees {
|
||||||
|
#users {
|
||||||
|
.top-bg {
|
||||||
|
@include media-breakpoint('xs') {
|
||||||
|
height: 224px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> .center {
|
||||||
|
> .header {
|
||||||
|
.search-wrapper {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 480px;
|
||||||
|
border-radius: 28px;
|
||||||
|
overflow: hidden;
|
||||||
|
@include mat-elevation(1);
|
||||||
|
|
||||||
|
@include media-breakpoint('xs') {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search {
|
||||||
|
width: 100%;
|
||||||
|
height: 48px;
|
||||||
|
line-height: 48px;
|
||||||
|
padding: 0 18px;
|
||||||
|
|
||||||
|
input {
|
||||||
|
width: 100%;
|
||||||
|
height: 48px;
|
||||||
|
min-height: 48px;
|
||||||
|
max-height: 48px;
|
||||||
|
padding: 0 16px;
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include media-breakpoint('xs') {
|
||||||
|
padding: 8px 0;
|
||||||
|
height: 160px !important;
|
||||||
|
min-height: 160px !important;
|
||||||
|
max-height: 160px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-tab-group,
|
||||||
|
.mat-tab-body-wrapper,
|
||||||
|
.tab-content {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.users-table {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
||||||
|
overflow: auto;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
|
||||||
|
.mat-header-row {
|
||||||
|
min-height: 64px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user {
|
||||||
|
position: relative;
|
||||||
|
cursor: pointer;
|
||||||
|
height: 84px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-cell {
|
||||||
|
min-width: 0;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-column-id {
|
||||||
|
flex: 0 1 84px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-column-image {
|
||||||
|
flex: 0 1 84px;
|
||||||
|
|
||||||
|
.product-image {
|
||||||
|
width: 52px;
|
||||||
|
height: 52px;
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-column-buttons {
|
||||||
|
flex: 0 1 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quantity-indicator {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-right: 8px;
|
||||||
|
|
||||||
|
& + span {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.active-icon {
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -14,10 +14,11 @@ import { MatSort } from '@angular/material/sort';
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-user-fees',
|
selector: 'app-user-fees',
|
||||||
templateUrl: './user-fees.component.html',
|
templateUrl: './user-fees.component.html',
|
||||||
styleUrls: ['./user-fees.component.scss']
|
styleUrls: ['./user-fees.component.scss'],
|
||||||
|
animations: fuseAnimations,
|
||||||
|
encapsulation: ViewEncapsulation.None
|
||||||
})
|
})
|
||||||
export class UserFeesComponent implements OnInit {
|
export class UserFeesComponent implements OnInit {
|
||||||
|
|
||||||
displayedColumns = [
|
displayedColumns = [
|
||||||
'id',
|
'id',
|
||||||
'chargeFees',
|
'chargeFees',
|
||||||
|
@ -26,7 +27,7 @@ export class UserFeesComponent implements OnInit {
|
||||||
'rotusBetFees',
|
'rotusBetFees',
|
||||||
'loserSportFees',
|
'loserSportFees',
|
||||||
'loserMiniFees',
|
'loserMiniFees',
|
||||||
'calculateMethod',
|
'calculateMethod'
|
||||||
];
|
];
|
||||||
|
|
||||||
@ViewChild(MatPaginator, { static: true })
|
@ViewChild(MatPaginator, { static: true })
|
||||||
|
@ -44,15 +45,12 @@ export class UserFeesComponent implements OnInit {
|
||||||
/**
|
/**
|
||||||
* Constructor
|
* Constructor
|
||||||
*/
|
*/
|
||||||
constructor(
|
constructor() {
|
||||||
|
|
||||||
) {
|
|
||||||
// Set the private defaults
|
// Set the private defaults
|
||||||
this._unsubscribeAll = new Subject();
|
this._unsubscribeAll = new Subject();
|
||||||
}
|
}
|
||||||
|
|
||||||
ngOnInit() {
|
ngOnInit() {}
|
||||||
}
|
|
||||||
|
|
||||||
ngOnDestroy(): void {
|
ngOnDestroy(): void {
|
||||||
// Unsubscribe from all subscriptions
|
// Unsubscribe from all subscriptions
|
||||||
|
|
Loading…
Reference in New Issue
Block a user