Mejorado aspecto del indicador de turno.
This commit is contained in:
parent
4656c55ca1
commit
1f2590fb8d
@ -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
|
||||
|
||||
//
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user