search

varletjs / varlet

A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.
https://varletjs.org/#/en-US/index
MIT License
5k stars 627 forks source link

How to center in the body #1800

Open francelwebdev opened 1 month ago

francelwebdev commented 1 month ago

Hello,

I use varlet and nuxtjs and i want to know how to center this card in the body beween the header and footer.

Screenshot from 2024-10-15 16-42-28

chouchouji commented 1 month ago

Can you provide your reproduction code？

francelwebdev commented 4 weeks ago

@chouchouji

chouchouji commented 4 weeks ago

@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.