fernando/rimajon-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Mejorado aspecto del indicador de turno.

Browse Source
This commit is contained in:
Araozu 2020-10-26 11:11:37 -05:00
parent 4656c55ca1
commit 1f2590fb8d
2 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/Juego/components/contenedor-cartas.vue
View File

@ -42,11 +42,13 @@ export default defineComponent({
.cont-cuadrante-cartas-juego .cont-cuadrante-cartas-juego
position: absolute position: absolute
display: inline-block display: inline-block
width: 18% width: 24%
height: 18% height: 24%
bottom: 41% bottom: 37.5%
right: 41% right: 37.5%
text-align: center text-align: center
border: solid calc(var(--phx) / 2) #212121
border-radius: calc(var(--phx))
.txt-cartas .txt-cartas
@ -54,7 +56,7 @@ export default defineComponent({
.img-dragon-partida .img-dragon-partida
height: calc(var(--phx) * 12) height: calc(var(--phx) * 15)
width: auto width: auto
// //

15
src/views/Juego/components/contenedor-descartes.vue
View File

@ -65,13 +65,22 @@ export default defineComponent({
bottom: 17% bottom: 17%
right: 37.5% right: 37.5%
text-align: left text-align: left
border-radius: calc(var(--phx) * 1.5 * var(--escala))
border-top-style: solid border-top-style: solid
border-top-width: calc(var(--phx) * 1.25 * var(--escala)) border-top-width: calc(var(--phx) * 1.25 * var(--escala))
border-top-color: #4CAF50 border-top-color: transparent
.cont-cuadrante-descarte-turno-actual .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> </style>