미니마틴 설정 화면
This commit is contained in:
byung eun park
parent
2f2e208316
commit
06a61b20b5
@ -1 +1,177 @@
|
|||||||
<p>level works!</p>
|
<div id="cards" class="page-layout simple fullwidth">
|
||||||
|
<!-- HEADER -->
|
||||||
|
<div
|
||||||
|
class="header accent p-24 h-160"
|
||||||
|
fxLayout="row"
|
||||||
|
fxLayoutAlign="space-between center"
|
||||||
|
>
|
||||||
|
<div fxLayout="column" fxLayoutAlign="center start">
|
||||||
|
<div fxLayout="row" fxLayoutAlign="start center">
|
||||||
|
<mat-icon class="secondary-text s-18">home</mat-icon>
|
||||||
|
<mat-icon class="secondary-text s-16">chevron_right</mat-icon>
|
||||||
|
<span class="secondary-text">마틴 설정관리</span>
|
||||||
|
</div>
|
||||||
|
<div class="h2 mt-16">마틴 설정리스트</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- / HEADER -->
|
||||||
|
|
||||||
|
<!-- CONTENT -->
|
||||||
|
<div class="content" [ngClass]="this.view">
|
||||||
|
<div class="cards">
|
||||||
|
<!-- CARD 17 -->
|
||||||
|
<div class="card">
|
||||||
|
<!-- PREVIEW -->
|
||||||
|
<div class="card-preview">
|
||||||
|
<div class="fuse-card">
|
||||||
|
<div class="p-16">
|
||||||
|
<div class="h1">달팽이 마틴 설정</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="px-16 line-height-1.75">
|
||||||
|
<mat-button-toggle-group
|
||||||
|
name="fontStyle"
|
||||||
|
aria-label="Font Style"
|
||||||
|
class="tap-group-width"
|
||||||
|
>
|
||||||
|
<mat-button-toggle
|
||||||
|
color="accent"
|
||||||
|
value="on"
|
||||||
|
class="tap-button-width"
|
||||||
|
>정상</mat-button-toggle
|
||||||
|
>
|
||||||
|
<mat-button-toggle value="off" class="tap-button-width"
|
||||||
|
>제한</mat-button-toggle
|
||||||
|
>
|
||||||
|
</mat-button-toggle-group>
|
||||||
|
</div>
|
||||||
|
<div class="px-16 line-height-1.75">
|
||||||
|
<mat-form-field appearance="outline" fxFlex="200">
|
||||||
|
<mat-label>배팅금비율 설정</mat-label>
|
||||||
|
<input matInput formControlName="firstName" required />
|
||||||
|
|
||||||
|
<!-- <mat-error>First Name is required!</mat-error> -->
|
||||||
|
</mat-form-field>
|
||||||
|
</div>
|
||||||
|
<div class="card-divider"></div>
|
||||||
|
|
||||||
|
<div class="p-8 pt-0" fxLayout="row">
|
||||||
|
<button
|
||||||
|
class="submit-button mat-raised-button mat-accent"
|
||||||
|
color="accent"
|
||||||
|
style="width: 100%;"
|
||||||
|
>
|
||||||
|
저장
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- / PREVIEW -->
|
||||||
|
</div>
|
||||||
|
<!-- / CARD 17 -->
|
||||||
|
|
||||||
|
<!-- CARD 17 -->
|
||||||
|
<div class="card">
|
||||||
|
<!-- PREVIEW -->
|
||||||
|
<div class="card-preview">
|
||||||
|
<div class="fuse-card">
|
||||||
|
<div class="p-16">
|
||||||
|
<div class="h1">사다리 마틴 설정</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="px-16 line-height-1.75">
|
||||||
|
<mat-button-toggle-group
|
||||||
|
name="fontStyle"
|
||||||
|
aria-label="Font Style"
|
||||||
|
class="tap-group-width"
|
||||||
|
>
|
||||||
|
<mat-button-toggle
|
||||||
|
color="accent"
|
||||||
|
value="on"
|
||||||
|
class="tap-button-width"
|
||||||
|
>정상</mat-button-toggle
|
||||||
|
>
|
||||||
|
<mat-button-toggle value="off" class="tap-button-width"
|
||||||
|
>제한</mat-button-toggle
|
||||||
|
>
|
||||||
|
</mat-button-toggle-group>
|
||||||
|
</div>
|
||||||
|
<div class="px-16 line-height-1.75">
|
||||||
|
<mat-form-field appearance="outline" fxFlex="200">
|
||||||
|
<mat-label>배팅금비율 설정</mat-label>
|
||||||
|
<input matInput formControlName="firstName" required />
|
||||||
|
|
||||||
|
<!-- <mat-error>First Name is required!</mat-error> -->
|
||||||
|
</mat-form-field>
|
||||||
|
</div>
|
||||||
|
<div class="card-divider"></div>
|
||||||
|
|
||||||
|
<div class="p-8 pt-0" fxLayout="row">
|
||||||
|
<button
|
||||||
|
class="submit-button mat-raised-button mat-accent"
|
||||||
|
color="accent"
|
||||||
|
style="width: 100%;"
|
||||||
|
>
|
||||||
|
저장
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- / PREVIEW -->
|
||||||
|
</div>
|
||||||
|
<!-- / CARD 17 -->
|
||||||
|
|
||||||
|
<!-- CARD 17 -->
|
||||||
|
<div class="card">
|
||||||
|
<!-- PREVIEW -->
|
||||||
|
<div class="card-preview">
|
||||||
|
<div class="fuse-card">
|
||||||
|
<div class="p-16">
|
||||||
|
<div class="h1">파워볼 마틴 설정</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="px-16 line-height-1.75">
|
||||||
|
<mat-button-toggle-group
|
||||||
|
name="fontStyle"
|
||||||
|
aria-label="Font Style"
|
||||||
|
class="tap-group-width"
|
||||||
|
>
|
||||||
|
<mat-button-toggle
|
||||||
|
color="accent"
|
||||||
|
value="on"
|
||||||
|
class="tap-button-width"
|
||||||
|
>정상</mat-button-toggle
|
||||||
|
>
|
||||||
|
<mat-button-toggle value="off" class="tap-button-width"
|
||||||
|
>제한</mat-button-toggle
|
||||||
|
>
|
||||||
|
</mat-button-toggle-group>
|
||||||
|
</div>
|
||||||
|
<div class="px-16 line-height-1.75">
|
||||||
|
<mat-form-field appearance="outline" fxFlex="200">
|
||||||
|
<mat-label>배팅금비율 설정</mat-label>
|
||||||
|
<input matInput formControlName="firstName" required />
|
||||||
|
|
||||||
|
<!-- <mat-error>First Name is required!</mat-error> -->
|
||||||
|
</mat-form-field>
|
||||||
|
</div>
|
||||||
|
<div class="card-divider"></div>
|
||||||
|
|
||||||
|
<div class="p-8 pt-0" fxLayout="row">
|
||||||
|
<button
|
||||||
|
class="submit-button mat-raised-button mat-accent"
|
||||||
|
color="accent"
|
||||||
|
style="width: 100%;"
|
||||||
|
>
|
||||||
|
저장
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- / PREVIEW -->
|
||||||
|
</div>
|
||||||
|
<!-- / CARD 17 -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- / CONTENT -->
|
||||||
|
</div>
|
||||||
|
|||||||
@ -0,0 +1,36 @@
|
|||||||
|
@import 'src/@fuse/scss/fuse';
|
||||||
|
|
||||||
|
app-mini-martin {
|
||||||
|
.content {
|
||||||
|
.cards {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: flex-start;
|
||||||
|
|
||||||
|
.card {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
padding: 148px 112px 0px 100px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
|
||||||
|
.card-preview {
|
||||||
|
display: flex;
|
||||||
|
min-width: 320px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-source {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tap-group-width {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.tap-button-width {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,9 +1,12 @@
|
|||||||
import { Component, OnInit } from '@angular/core';
|
import { Component, OnInit, ViewEncapsulation } from '@angular/core';
|
||||||
|
import { fuseAnimations } from 'src/@fuse/animations';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-mini-martin',
|
selector: 'app-mini-martin',
|
||||||
templateUrl: './mini-martin.component.html',
|
templateUrl: './mini-martin.component.html',
|
||||||
styleUrls: ['./mini-martin.component.scss']
|
styleUrls: ['./mini-martin.component.scss'],
|
||||||
|
encapsulation: ViewEncapsulation.None,
|
||||||
|
animations: fuseAnimations
|
||||||
})
|
})
|
||||||
export class MiniMartinComponent implements OnInit {
|
export class MiniMartinComponent implements OnInit {
|
||||||
constructor() {}
|
constructor() {}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user