bet/beteran-frontend-app-browser
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

bug fix

Browse Source
This commit is contained in:
Park Byung Eun 2022-07-21 15:05:19 +09:00
parent a5493029f9
commit 1ac6e5cf57
2 changed files with 116 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

141
src/app/modules/user/main/main.component.html
View File

@ -72,34 +72,121 @@
</div> </div>
<div> <div>
<!-- Cards --> <mat-tab-group class="sm:px-2" [animationDuration]="'0'">
<div class="flex justify-center mt-10 sm:mt-20"> <!-- Home -->
<div class="w-full max-w-sm md:max-w-7xl"> <mat-tab label="라이브카지노">
<div <ng-template matTabContent>
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-4 gap-16 mt-8" <!-- Cards -->
> <div class="flex justify-center mt-10 sm:mt-20">
<ng-container *ngFor="let component of components"> <div class="w-full max-w-sm md:max-w-7xl">
<a <div
class="flex flex-col rounded-2xl shadow overflow-hidden bg-card hover:shadow-xl transition-shadow duration-200 ease-in-out" class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-4 gap-16 mt-8"
[href]=" >
'https://material.angular.io/components/' + component.id <ng-container *ngFor="let component of components">
" <a
target="_blank" class="flex flex-col rounded-2xl shadow overflow-hidden bg-card hover:shadow-xl transition-shadow duration-200 ease-in-out"
rel="noreferrer" [href]="
> 'https://material.angular.io/components/' + component.id
<img "
class="w-full object-cover border-b" target="_blank"
[src]="'assets/images/beteran/' + component.id + '.jpg'" rel="noreferrer"
/> >
<div class="py-4 px-5"> <img
<div class="text-xl font-semibold">{{ component.name }}</div> class="w-full object-cover border-b"
<div class="mt-1 text-secondary">{{ component.summary }}</div> [src]="'assets/images/beteran/' + component.id + '.jpg'"
/>
<div class="py-4 px-5">
<div class="text-xl font-semibold">
{{ component.name }}
</div>
<div class="mt-1 text-secondary">
{{ component.summary }}
</div>
</div>
</a>
</ng-container>
</div> </div>
</a> </div>
</ng-container> </div>
</div> </ng-template>
</div> </mat-tab>
</div>
<!-- Budget -->
<mat-tab label="호텔카지노">
<ng-template matTabContent>
<!-- Cards -->
<div class="flex justify-center mt-10 sm:mt-20">
<div class="w-full max-w-sm md:max-w-7xl">
<div
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-4 gap-16 mt-8"
>
<ng-container *ngFor="let component of components">
<a
class="flex flex-col rounded-2xl shadow overflow-hidden bg-card hover:shadow-xl transition-shadow duration-200 ease-in-out"
[href]="
'https://material.angular.io/components/' + component.id
"
target="_blank"
rel="noreferrer"
>
<img
class="w-full object-cover border-b"
[src]="'assets/images/beteran/' + component.id + '.jpg'"
/>
<div class="py-4 px-5">
<div class="text-xl font-semibold">
{{ component.name }}
</div>
<div class="mt-1 text-secondary">
{{ component.summary }}
</div>
</div>
</a>
</ng-container>
</div>
</div>
</div>
</ng-template>
</mat-tab>
<!-- Team -->
<mat-tab label="슬롯게임">
<ng-template matTabContent>
<!-- Cards -->
<div class="flex justify-center mt-10 sm:mt-20">
<div class="w-full max-w-sm md:max-w-7xl">
<div
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-4 gap-16 mt-8"
>
<ng-container *ngFor="let component of components">
<a
class="flex flex-col rounded-2xl shadow overflow-hidden bg-card hover:shadow-xl transition-shadow duration-200 ease-in-out"
[href]="
'https://material.angular.io/components/' + component.id
"
target="_blank"
rel="noreferrer"
>
<img
class="w-full object-cover border-b"
[src]="'assets/images/beteran/' + component.id + '.jpg'"
/>
<div class="py-4 px-5">
<div class="text-xl font-semibold">
{{ component.name }}
</div>
<div class="mt-1 text-secondary">
{{ component.summary }}
</div>
</div>
</a>
</ng-container>
</div>
</div>
</div>
</ng-template>
</mat-tab>
</mat-tab-group>
</div> </div>
<div <div
class="flex flex-col items-center px-6 py-10 sm:px-16 sm:pt-18 sm:pb-20 bg-white dark:bg-gray-800 sm:mt-20" class="flex flex-col items-center px-6 py-10 sm:px-16 sm:pt-18 sm:pb-20 bg-white dark:bg-gray-800 sm:mt-20"

2
src/app/modules/user/main/main.module.ts
View File

@ -3,6 +3,7 @@ import { Route, RouterModule } from '@angular/router';
import { MatButtonModule } from '@angular/material/button'; import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon'; import { MatIconModule } from '@angular/material/icon';
import { MatFormFieldModule } from '@angular/material/form-field'; import { MatFormFieldModule } from '@angular/material/form-field';
import { MatTabsModule } from '@angular/material/tabs';
import { FuseCardModule } from '@fuse/components/card'; import { FuseCardModule } from '@fuse/components/card';
import { SharedModule } from 'app/shared/shared.module'; import { SharedModule } from 'app/shared/shared.module';
@ -23,6 +24,7 @@ const mainRoutes: Route[] = [
MatButtonModule, MatButtonModule,
MatIconModule, MatIconModule,
MatFormFieldModule, MatFormFieldModule,
MatTabsModule,
FuseCardModule, FuseCardModule,
SharedModule, SharedModule,
], ],