From 47ca56deb4b1c68ce49add72be2fb3eb24a80b56 Mon Sep 17 00:00:00 2001 From: Phan Huy Tran Date: Thu, 13 Feb 2025 13:19:12 +0100 Subject: [PATCH] fix: Remove material css --- frontend/angular.json | 2 - .../feature/landing/landing.component.html | 8 ++-- frontend/src/index.html | 7 +-- frontend/src/styles.css | 44 +++++++++---------- 4 files changed, 27 insertions(+), 34 deletions(-) diff --git a/frontend/angular.json b/frontend/angular.json index a6a1c7c..f7a1430 100644 --- a/frontend/angular.json +++ b/frontend/angular.json @@ -24,7 +24,6 @@ } ], "styles": [ - "@angular/material/prebuilt-themes/azure-blue.css", "src/styles.css" ], "scripts": [] @@ -79,7 +78,6 @@ } ], "styles": [ - "@angular/material/prebuilt-themes/azure-blue.css", "src/styles.css" ], "scripts": [] diff --git a/frontend/src/app/feature/landing/landing.component.html b/frontend/src/app/feature/landing/landing.component.html index fb7e0e2..63c67cd 100644 --- a/frontend/src/app/feature/landing/landing.component.html +++ b/frontend/src/app/feature/landing/landing.component.html @@ -1,10 +1,10 @@ -
+
-
-

+
+

Willkommensbonus

200% bis zu 500€
@@ -16,7 +16,7 @@
-

Beliebte Spiele

+

Beliebte Spiele

- - - + diff --git a/frontend/src/styles.css b/frontend/src/styles.css index d19c673..afc40fa 100644 --- a/frontend/src/styles.css +++ b/frontend/src/styles.css @@ -19,12 +19,12 @@ } body { - @apply !bg-deep-blue !text-text-primary h-full; + @apply bg-deep-blue text-text-primary h-full; } button, a { - @apply cursor-pointer active:scale-95 !text-text-primary transition-all duration-200; + @apply cursor-pointer active:scale-95 text-text-primary transition-all duration-200; } .card { @@ -32,7 +32,7 @@ a { } .button-base { - @apply bg-emerald hover:bg-emerald-dark !text-text-primary 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 { @@ -40,7 +40,7 @@ a { } .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 { @@ -52,47 +52,47 @@ a { } .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 { - @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 { - @apply !font-bold !text-text-primary; + @apply font-bold text-text-primary; } .game-heading { - @apply !font-bold !text-text-primary !text-sm mb-2; + @apply font-bold text-text-primary text-sm mb-2; } .game-text { - @apply !text-text-secondary !text-sm mb-4; + @apply text-text-secondary text-sm mb-4; } .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 { - @apply !text-xl sm:!text-2xl !font-bold !text-emerald; + @apply text-xl sm:text-2xl font-bold text-emerald; } .stat-text { - @apply !text-text-secondary !text-sm; + @apply text-text-secondary text-sm; } .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 { - @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; + @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 { - @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 { @@ -100,7 +100,7 @@ a { } .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 { @@ -108,11 +108,11 @@ a { } .footer-heading { - @apply !text-text-primary !text-sm !font-semibold mb-4; + @apply text-text-primary text-sm font-semibold mb-4; } .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 { @@ -120,19 +120,19 @@ a { } .footer-payment-icon { - @apply !text-text-secondary !text-lg; + @apply text-text-secondary text-lg; } .footer-payment-text { - @apply !text-text-secondary !text-xs !whitespace-nowrap; + @apply text-text-secondary text-xs whitespace-nowrap; } .footer-copyright { - @apply !text-text-secondary !text-sm; + @apply text-text-secondary text-sm; } .footer-disclaimer { - @apply !text-xs; + @apply text-xs; } .mat-mdc-dialog-container {