Me encuentro trabajando con vuetify, utilizando el siguiente v-dialog en un componente:
<template>
<div>
<!--Indicador-->
<v-dialog class="vdialognew" v-model="mostrarIndicator" persistent>
<v-content>
<v-container fluid fill-height>
<v-layout align-center justify-center>
<cube-shadow class="spinnerRotate"></cube-shadow>
</v-layout>
</v-container>
</v-content>
</v-dialog>
<!-------------->
</div>
</template>
<style scoped>
.vdialognew {
box-shadow: none !important;
max-width: 610px !important;
}
</style>
Como veran en v-dialog he agregado la clase vdialognew, para aplicar esos nuevos estilos, pero al cargar el contenido revisando en la consola del navegador, veo que no le aplica la clase vdialognew, unicamente. De igual forma si utilizo la propiedad style
dentro de la etiqueta v-dialog
, no me funciona.
Como puedo realizar tal cambio.
Dicha modificación la estoy realizando para eliminar el cuadro que se ve atrás del cuadrado verde: