From 1f2590fb8d207401df2f0543e430a2017b1213ac Mon Sep 17 00:00:00 2001
From: Araozu <faraoz@unsa.edu.pe>
Date: Mon, 26 Oct 2020 11:11:37 -0500
Subject: [PATCH] Mejorado aspecto del indicador de turno.

---
 src/views/Juego/components/contenedor-cartas.vue  | 12 +++++++-----
 .../Juego/components/contenedor-descartes.vue     | 15 ++++++++++++---
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/views/Juego/components/contenedor-cartas.vue b/src/views/Juego/components/contenedor-cartas.vue
index 255ac18..2ee9125 100644
--- a/src/views/Juego/components/contenedor-cartas.vue
+++ b/src/views/Juego/components/contenedor-cartas.vue
@@ -42,11 +42,13 @@ export default defineComponent({
 .cont-cuadrante-cartas-juego
     position: absolute
     display: inline-block
-    width: 18%
-    height: 18%
-    bottom: 41%
-    right: 41%
+    width: 24%
+    height: 24%
+    bottom: 37.5%
+    right: 37.5%
     text-align: center
+    border: solid calc(var(--phx) / 2) #212121
+    border-radius: calc(var(--phx))
 
 
 .txt-cartas
@@ -54,7 +56,7 @@ export default defineComponent({
 
 
 .img-dragon-partida
-    height: calc(var(--phx) * 12)
+    height: calc(var(--phx) * 15)
     width: auto
 
 //
diff --git a/src/views/Juego/components/contenedor-descartes.vue b/src/views/Juego/components/contenedor-descartes.vue
index 6ac4ab7..7edf5d0 100644
--- a/src/views/Juego/components/contenedor-descartes.vue
+++ b/src/views/Juego/components/contenedor-descartes.vue
@@ -65,13 +65,22 @@ export default defineComponent({
     bottom: 17%
     right: 37.5%
     text-align: left
-    border-radius: calc(var(--phx) * 1.5 * var(--escala))
     border-top-style: solid
     border-top-width: calc(var(--phx) * 1.25 * var(--escala))
-    border-top-color: #4CAF50
+    border-top-color: transparent
+
 
 .cont-cuadrante-descarte-turno-actual
-    border-top-color: red
+    border-top-color: #FF5722
+    animation-duration: 4s
+    animation-name: indicadorTurno
+    animation-iteration-count: infinite
+
+
+@keyframes indicadorTurno
+    50%
+        border-top-color: #FFEB3B
+
 
 //
 </style>