SZUT/casino
5
1
Fork 0
Code Issues Pull requests 1 Releases 65 Wiki Activity Actions

feature: removed angular materials and implemented new deposit modal

Browse source
This commit is contained in:
Lea 2025-02-26 12:41:35 +01:00
parent 0100df89f5
commit 604d593fdc
10 changed files with 66 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/app/feature/home/home.component.html
View file

@ -22,7 +22,7 @@
<div class="slider-grid">
<div class="card group" *ngFor="let game of featuredGames">
<div class="relative">
<img [src]="game.image" [alt]="game.name" class="w-full aspect-[4/3] object-cover" />
<img [src]="game.image" [alt]="game.name" class="w-full aspect-[4/3] object-cover"/>
<div
class="absolute inset-0 bg-gradient-to-t from-deep-blue/90 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"
>
@ -41,7 +41,7 @@
<div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4">
<div class="card group" *ngFor="let game of allGames">
<div class="relative">
<img [src]="game.image" [alt]="game.name" class="w-full aspect-[4/3] object-cover" />
<img [src]="game.image" [alt]="game.name" class="w-full aspect-[4/3] object-cover"/>
<div
class="absolute inset-0 bg-gradient-to-t from-deep-blue/90 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"
>
@ -56,10 +56,14 @@
</div>
</div>
<div class="lg:col-span-1 space-y-6">
<div class="card p-4">
<h3 class="section-heading text-xl mb-4">Konto</h3>
<div class="space-y-4">
<button class="button-base w-full py-2" (click)="openDepositModal()">
Einzahlen
</button>
<button class="bg-deep-blue-light hover:bg-deep-blue-contrast w-full py-2 rounded">
Transaktionen
</button>
@ -69,6 +73,8 @@
</div>
</div>
<app-deposit [isOpen]="isDepositModalOpen" (close)="closeDepositModal()"></app-deposit>
<div class="card p-4">
<h3 class="section-heading text-xl mb-4">Letzte Transaktionen</h3>
<div class="space-y-3">