fix: Prettier

frontend/src/app/feature/game/coinflip/coinflip.component.css

@@ -98,9 +98,18 @@ button:not([disabled]):active {
 
 /* Animation for results */
 @keyframes popIn {
-  0% { transform: scale(0.8); opacity: 0; }
+  0% {
-  70% { transform: scale(1.1); opacity: 1; }
+    transform: scale(0.8);
-  100% { transform: scale(1); opacity: 1; }
+    opacity: 0;
+  }
+  70% {
+    transform: scale(1.1);
+    opacity: 1;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
 }
 
 .result-text {

frontend/src/app/feature/game/coinflip/coinflip.component.ts

@@ -20,14 +20,7 @@ import { CoinflipGame, CoinflipRequest } from './models/coinflip.model';
 @Component({
   selector: 'app-coinflip',
   standalone: true,
-  imports: [
+  imports: [AnimatedNumberComponent, CurrencyPipe, FormsModule, CommonModule, NgIf, NgClass],
-    AnimatedNumberComponent, 
-    CurrencyPipe, 
-    FormsModule, 
-    CommonModule,
-    NgIf,
-    NgClass
-  ],
   templateUrl: './coinflip.component.html',
   styleUrl: './coinflip.component.css',
   changeDetection: ChangeDetectionStrategy.OnPush,
@@ -71,15 +64,15 @@ export default class CoinflipComponent implements OnInit {
   updateBet(event: Event) {
     const inputElement = event.target as HTMLInputElement;
     let value = Number(inputElement.value);
-    
+
     // Reset invalid bet state
     this.isInvalidBet.set(false);
-    
+
     // Enforce minimum bet of 1
     if (value <= 0) {
       value = 1;
     }
-    
+
     // Cap bet at available balance and show feedback
     if (value > this.balance()) {
       value = this.balance();
@@ -90,7 +83,7 @@ export default class CoinflipComponent implements OnInit {
       // Update the input field directly to show the user the max value
       inputElement.value = String(value);
     }
-    
+
     // Update signals
     this.betInputValue.set(value);
     this.currentBet.set(value);
@@ -220,29 +213,32 @@ export default class CoinflipComponent implements OnInit {
     if (navigationKeys.includes(event.key)) {
       return;
     }
-    
+
     // Only allow numbers
     if (!/^\d$/.test(event.key)) {
       event.preventDefault();
       return;
     }
-    
+
     // Get the value that would result after the keypress
     const input = event.target as HTMLInputElement;
     const currentValue = input.value;
     const cursorPosition = input.selectionStart || 0;
-    const newValue = currentValue.substring(0, cursorPosition) + event.key + currentValue.substring(input.selectionEnd || cursorPosition);
+    const newValue =
+      currentValue.substring(0, cursorPosition) +
+      event.key +
+      currentValue.substring(input.selectionEnd || cursorPosition);
     const numValue = Number(newValue);
-    
+
     // Prevent values greater than balance
     if (numValue > this.balance()) {
       event.preventDefault();
     }
   }
-  
+
   // We removed the paste handler for simplicity since the updateBet method
   // will handle any value that gets into the input field
-  
+
   getResultClass() {
     if (!this.gameResult()) return '';
     const result = this.gameResult();

justfile

@@ -21,3 +21,7 @@ build-be:
 # Builds the frontend docker image
 build-fe:
     docker buildx build -f frontend/.docker/Dockerfile -t git.kjan.de/szut/casino-frontend:latest frontend
+
+# Formats the code duh
+format:
+    cd frontend && bunx prettier --write "src/**/*.{ts,html,css,scss}"