✨ Game design changed (responsive)

Arquisoft · Apr 22, 2024 · a5c6a40 · a5c6a40
1 parent 63dd021
commit a5c6a40
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 7 deletions.
diff --git a/webapp/src/Timer.css b/webapp/src/Timer.css
@@ -1,15 +1,15 @@
 .Timer {
     font-family: sans-serif;
     text-align: center;
-    height: 50vh;
+    height: 30vh;
     display: flex;
     justify-content: center;
     align-items: center;
   }
 
   .Timer .container {
     position: relative;
-    transform: scale(200%);
+    transform: scale(150%);
   }
 
   .Timer .text {

diff --git a/webapp/src/components/Game.css b/webapp/src/components/Game.css
@@ -1,8 +1,8 @@
 button[title="contador"]:disabled {
-    margin: 1em;
+    margin: 0.5em;
     background-color: #0155B7;
     color: white;
-    padding: 1rem;
+    padding: 0.5rem;
 }
 
 button[title="btnsPreg"] {
@@ -22,6 +22,12 @@ button[title="puntuacion"]:disabled {
     font-size: 1.5em;
 }
 
+
+button[title="volver"] {
+    margin-top: 0.5em;
+}
+
+
 button[title="volver"]:disabled {
     margin: 1em;
     background-color: #0155B7;
@@ -37,11 +43,9 @@ button[title="volver"]:disabled {
 
 .button-container {
     display: flex;
-    flex-direction: column;
-    gap: 10px;
+    justify-content: center;
     align-items: center;
     text-align: center;
-
 }