varlet
varlet copied to clipboard
How to center in the body
Hello,
I use varlet and nuxtjs and i want to know how to center this card in the body beween the header and footer.
Can you provide your reproduction code?
@chouchouji
>
<var-form
ref="form"
scroll-to-error="start"
>
<var-space direction="column" :size="[14, 0]">
<var-space direction="column" :size="[14, 0]">
<var-button block type="primary" @click="">
Utiliser Google
</var-button>
</var-space>
<var-input
variant="outlined"
placeholder="Email"
:rules="v => !!v || 'The username cannot be empty'"
v-model="loginFormData.email"
/>
<var-space direction="column" :size="[14, 0]">
<var-button block type="primary" @click="">
Se connecter
</var-button>
</var-space>
</var-space>
</var-form>
</var-card>
</var-col>
</var-row>
@chouchouji
> <var-form ref="form" scroll-to-error="start" > <var-space direction="column" :size="[14, 0]"> <var-space direction="column" :size="[14, 0]"> <var-button block type="primary" @click=""> Utiliser Google </var-button> </var-space> <var-input variant="outlined" placeholder="Email" :rules="v => !!v || 'The username cannot be empty'" v-model="loginFormData.email" /> <var-space direction="column" :size="[14, 0]"> <var-button block type="primary" @click=""> Se connecter </var-button> </var-space> </var-space> </var-form> </var-card> </var-col> </var-row>
I can't reproduce by the code only.