play function

Ropold · Feb 22, 2025 · 45e0263 · 45e0263
1 parent 31490cf
commit 45e0263
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/frontend/src/components/Play.tsx b/frontend/src/components/Play.tsx
@@ -20,6 +20,7 @@ export default function Play(props: Readonly<PlayProps>) {
 
     return (
         <div>
+            <div className="matchId-select">
             <label htmlFor="matchIdFilter">Wählen Sie eine Match-ID:</label>
             <select
                 id="matchIdFilter"
@@ -33,11 +34,11 @@ export default function Play(props: Readonly<PlayProps>) {
                     </option>
                 ))}
             </select>
+            </div>
 
             <div className="button-group">
             <button>Play</button>
             <button>Reset</button>
-            <button>Cheat - show all</button>
             </div>
 
             <PlayMemoryCard selectedMatchId={selectedMatchId} selectedMemoriesMatchId={selectedMemoriesMatchId}/>

diff --git a/frontend/src/components/styles/PlayMemoryCard.css b/frontend/src/components/styles/PlayMemoryCard.css
@@ -11,4 +11,14 @@
     gap: 12px;
     justify-content: center;
     padding: 16px;
-}
+}
+
+.matchId-select {
+    width: 600px;
+    padding: 8px;
+    border-radius: 4px;
+    border: 1px solid #ddd;
+    margin: 16px auto; /* Automatische horizontale Zentrierung */
+    display: block; /* Damit es die ganze Breite nutzt */
+    text-align: center;
+}