diff --git a/src/components/carta.vue b/src/components/carta.vue index 6f1a97f..2b8bbfe 100644 --- a/src/components/carta.vue +++ b/src/components/carta.vue @@ -5,7 +5,7 @@ div.cont-carta( @mouseenter="aplicarResaltadoCarta" @mouseleave="quitarResaltadoCarta" ) - div.c-carta(v-if="valor === 0" :class="[claseDora, claseResaltado]") + div.c-carta.c-carta-oculta-top(v-if="valor === 0") div.c-carta-oculta(v-html="' '") div.c-carta(v-else-if="tipo === 0 || tipo === 1" :class="['carta-' + tipoCarta, claseResaltado, claseDora]") span.c-carta-numero {{ valorC }} @@ -224,6 +224,10 @@ export default defineComponent({ transform: translateY(200%) +.c-carta-oculta-top + background-color: var(--color-fondo) + + .c-carta-oculta display: inline-block width: 60% diff --git a/src/views/Juego/Juego.vue b/src/views/Juego/Juego.vue index 304827a..024aae6 100644 --- a/src/views/Juego/Juego.vue +++ b/src/views/Juego/Juego.vue @@ -238,7 +238,8 @@ export default defineComponent({ .cont-2-juego position: absolute - border: solid 2px green + border: solid 3px #795548 + background: radial-gradient(#004D40, #003027) transform: rotateX(2deg) width: 100% height: 100% @@ -252,6 +253,7 @@ export default defineComponent({ bottom: 41% right: 41% text-align: center + color: white //