jank/casino
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: remove unused navbar component import

Browse source
This commit is contained in:
Jan-Marlon Leibl 2025-02-13 13:02:54 +01:00
commit 04626e92d1
No known key found for this signature in database
GPG key ID: E7B6F77BF5EDB6F7
3 changed files with 31 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

3
frontend/src/app/app.component.ts
View file

@ -2,13 +2,12 @@ import { Component, ChangeDetectionStrategy } from '@angular/core';
import { CommonModule } from '@angular/common'; import { CommonModule } from '@angular/common';
import { RouterOutlet } from '@angular/router'; import { RouterOutlet } from '@angular/router';
import { KeycloakAngularModule } from 'keycloak-angular'; import { KeycloakAngularModule } from 'keycloak-angular';
import { NavbarComponent } from './shared/components/navbar/navbar.component';
import { FooterComponent } from './shared/components/footer/footer.component'; import { FooterComponent } from './shared/components/footer/footer.component';
@Component({ @Component({
selector: 'app-root', selector: 'app-root',
standalone: true, standalone: true,
imports: [CommonModule, RouterOutlet, KeycloakAngularModule, NavbarComponent, FooterComponent], imports: [CommonModule, RouterOutlet, KeycloakAngularModule, FooterComponent],
providers: [], providers: [],
templateUrl: './app.component.html', templateUrl: './app.component.html',
styleUrl: './app.component.css', styleUrl: './app.component.css',

8
frontend/src/app/feature/landing/landing.component.html
View file

@ -1,10 +1,10 @@
<app-navbar></app-navbar> <app-navbar></app-navbar>
<div class="min-h-screen bg-deep-blue text-text-primary"> <div class="min-h-screen bg-deep-blue !text-text-primary">
<div class="container mx-auto px-4 py-8 sm:py-12"> <div class="container mx-auto px-4 py-8 sm:py-12">
<div class="max-w-5xl mx-auto"> <div class="max-w-5xl mx-auto">
<div class="text-center mb-12 sm:mb-16"> <div class="!text-center mb-12 sm:mb-16">
<h1 class="text-3xl sm:text-4xl lg:text-5xl section-heading mb-2 sm:mb-3"> <h1 class="!text-3xl sm:!text-4xl lg:!text-5xl section-heading mb-2 sm:mb-3">
Willkommensbonus Willkommensbonus
</h1> </h1>
<div class="welcome-bonus">200% bis zu 500€</div> <div class="welcome-bonus">200% bis zu 500€</div>
@ -16,7 +16,7 @@
</div> </div>
<div class="relative mb-16"> <div class="relative mb-16">
<h2 class="text-xl sm:text-2xl section-heading mb-4 sm:mb-6">Beliebte Spiele</h2> <h2 class="!text-xl sm:!text-2xl section-heading mb-4 sm:mb-6">Beliebte Spiele</h2>
<div class="relative group"> <div class="relative group">
<div class="overflow-hidden rounded-lg"> <div class="overflow-hidden rounded-lg">
<div <div

56
frontend/src/styles.css
View file

@ -18,17 +18,13 @@
--color-accent-purple: #8b5cf6; --color-accent-purple: #8b5cf6;
} }
* {
@apply !font-sans;
}
body { body {
@apply bg-deep-blue text-text-primary h-full; @apply !bg-deep-blue !text-text-primary h-full;
} }
button, button,
a { a {
@apply cursor-pointer active:scale-95 transition-all duration-200; @apply cursor-pointer active:scale-95 !text-text-primary transition-all duration-200;
} }
.card { .card {
@ -36,7 +32,7 @@ a {
} }
.button-base { .button-base {
@apply bg-emerald hover:bg-emerald-dark text-text-primary font-bold transition-all duration-300 active:scale-95 rounded; @apply bg-emerald hover:bg-emerald-dark !text-text-primary transition-all duration-300 active:scale-95 rounded;
} }
.game-card-content { .game-card-content {
@ -44,7 +40,7 @@ a {
} }
.nav-button { .nav-button {
@apply hidden lg:block absolute top-1/2 -translate-y-1/2 bg-deep-blue-contrast hover:bg-deep-blue-contrast/90 text-text-primary p-3 rounded-full opacity-0 group-hover:opacity-100 transition-all duration-300 shadow-lg hover:scale-110; @apply hidden lg:block absolute top-1/2 -translate-y-1/2 bg-deep-blue-contrast hover:bg-deep-blue-contrast/90 !text-text-primary p-3 rounded-full opacity-0 group-hover:opacity-100 transition-all duration-300 shadow-lg hover:scale-110;
} }
.slider-container { .slider-container {
@ -56,47 +52,47 @@ a {
} }
.welcome-bonus { .welcome-bonus {
@apply text-4xl sm:text-5xl lg:text-7xl font-extrabold text-emerald-light mb-3 sm:mb-4; @apply !text-4xl sm:!text-5xl lg:!text-7xl !font-extrabold !text-emerald-light mb-3 sm:mb-4;
} }
.bonus-description { .bonus-description {
@apply text-text-secondary text-base sm:text-lg mb-6 sm:mb-8; @apply !text-text-secondary !text-base sm:!text-lg mb-6 sm:mb-8;
} }
.section-heading { .section-heading {
@apply font-bold text-text-primary; @apply !font-bold !text-text-primary;
} }
.game-heading { .game-heading {
@apply font-bold text-text-primary mb-2; @apply !font-bold !text-text-primary !text-sm mb-2;
} }
.game-text { .game-text {
@apply text-text-secondary text-sm mb-4; @apply !text-text-secondary !text-sm mb-4;
} }
.stat-container { .stat-container {
@apply bg-deep-blue-contrast rounded-lg shadow-lg p-4 sm:p-6 text-center; @apply bg-deep-blue-contrast rounded-lg shadow-lg p-4 sm:p-6 !text-center;
} }
.stat-number { .stat-number {
@apply text-xl sm:text-2xl font-bold text-emerald; @apply !text-xl sm:!text-2xl !font-bold !text-emerald;
} }
.stat-text { .stat-text {
@apply text-text-secondary text-sm; @apply !text-text-secondary !text-sm;
} }
.nav-brand { .nav-brand {
@apply flex items-center text-text-primary text-xl font-semibold; @apply flex items-center !text-text-primary !text-xl !font-semibold;
} }
.nav-link { .nav-link {
@apply px-3 py-2 rounded-md text-sm text-text-secondary hover:text-text-primary hover:bg-deep-blue-contrast transition-all duration-200; @apply px-3 py-2 rounded-md !font-normal !text-sm !text-text-secondary hover:!text-text-primary hover:bg-deep-blue-contrast transition-all duration-200;
} }
.nav-toggle { .nav-toggle {
@apply text-text-secondary hover:text-text-primary transition-colors duration-200; @apply !text-text-secondary hover:!text-text-primary transition-colors duration-200;
} }
.nav-mobile-menu { .nav-mobile-menu {
@ -104,7 +100,7 @@ a {
} }
.nav-mobile-link { .nav-mobile-link {
@apply block px-3 py-2 rounded-md text-sm text-text-secondary hover:text-text-primary hover:bg-deep-blue-light transition-all duration-200; @apply block px-3 py-2 rounded-md !text-sm !text-text-secondary hover:!text-text-primary hover:bg-deep-blue-light transition-all duration-200;
} }
.footer-section { .footer-section {
@ -112,11 +108,11 @@ a {
} }
.footer-heading { .footer-heading {
@apply text-text-primary text-sm font-semibold mb-4; @apply !text-text-primary !text-sm !font-semibold mb-4;
} }
.footer-link { .footer-link {
@apply text-text-secondary hover:text-text-primary text-sm transition-all duration-200; @apply !text-text-secondary hover:!text-text-primary !text-sm transition-all duration-200;
} }
.footer-payment-method { .footer-payment-method {
@ -124,24 +120,24 @@ a {
} }
.footer-payment-icon { .footer-payment-icon {
@apply text-text-secondary text-lg; @apply !text-text-secondary !text-lg;
} }
.footer-payment-text { .footer-payment-text {
@apply text-text-secondary text-xs whitespace-nowrap; @apply !text-text-secondary !text-xs !whitespace-nowrap;
} }
.footer-copyright { .footer-copyright {
@apply text-text-secondary text-sm; @apply !text-text-secondary !text-sm;
} }
.footer-disclaimer { .footer-disclaimer {
@apply text-xs; @apply !text-xs;
} }
.mat-mdc-dialog-container { .mat-mdc-dialog-container {
--mdc-dialog-container-color: var(--color-deep-blue-light) !important; --mdc-dialog-container-color: var(--color-deep-blue-light) important;
--mdc-dialog-subhead-color: var(--color-text-primary) !important; --mdc-dialog-subhead-color: var(--color-text-primary) important;
--mdc-dialog-supporting-text-color: var(--color-text-secondary) !important; --mdc-dialog-supporting-text-color: var(--color-text-secondary) important;
--mdc-dialog-container-shape: 6px !important; --mdc-dialog-container-shape: 6px important;
} }