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 + //