vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Update Divider login demo

pull/4591/head
Cagatay Civici 2023-10-07 12:52:14 +03:00
parent ed976a8475
commit f823950012
1 changed files with 28 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
doc/divider/LoginDoc.vue
View File

@ -5,15 +5,15 @@
<div class="card"> <div class="card">
<div class="flex flex-column md:flex-row"> <div class="flex flex-column md:flex-row">
<div class="w-full md:w-5 flex flex-column align-items-center justify-content-center gap-3 py-5"> <div class="w-full md:w-5 flex flex-column align-items-center justify-content-center gap-3 py-5">
<div class="flex align-items-center gap-2"> <div class="flex flex-wrap justify-content-center align-items-center gap-2">
<label>Username</label> <label class="w-6rem">Username</label>
<InputText id="username" type="text" class="w-full" /> <InputText id="username" type="text" class="w-12rem" />
</div> </div>
<div class="flex align-items-center gap-2"> <div class="flex flex-wrap justify-content-center align-items-center gap-2">
<label>Password</label> <label class="w-6rem">Password</label>
<InputText id="password" type="password" class="w-full" /> <InputText id="password" type="password" class="w-12rem" />
</div> </div>
<Button label="Login" icon="pi pi-user" class="w-10rem"></Button> <Button label="Login" icon="pi pi-user" class="w-10rem mx-auto"></Button>
</div> </div>
<div class="w-full md:w-2"> <div class="w-full md:w-2">
<Divider layout="vertical" class="hidden md:flex"><b>OR</b></Divider> <Divider layout="vertical" class="hidden md:flex"><b>OR</b></Divider>
@ -35,15 +35,15 @@ export default {
basic: ` basic: `
<div class="flex flex-column md:flex-row"> <div class="flex flex-column md:flex-row">
<div class="w-full md:w-5 flex flex-column align-items-center justify-content-center gap-3 py-5"> <div class="w-full md:w-5 flex flex-column align-items-center justify-content-center gap-3 py-5">
<div class="flex align-items-center gap-2"> <div class="flex flex-wrap justify-content-center align-items-center gap-2">
<label>Username</label> <label class="w-6rem">Username</label>
<InputText id="username" type="text" class="w-full" /> <InputText id="username" type="text" class="w-12rem" />
</div> </div>
<div class="flex align-items-center gap-2"> <div class="flex flex-wrap justify-content-center align-items-center gap-2">
<label>Password</label> <label class="w-6rem">Password</label>
<InputText id="password" type="password" class="w-full" /> <InputText id="password" type="password" class="w-12rem" />
</div> </div>
<Button label="Login" icon="pi pi-user" class="w-10rem"></Button> <Button label="Login" icon="pi pi-user" class="w-10rem mx-auto"></Button>
</div> </div>
<div class="w-full md:w-2"> <div class="w-full md:w-2">
<Divider layout="vertical" class="hidden md:flex"><b>OR</b></Divider> <Divider layout="vertical" class="hidden md:flex"><b>OR</b></Divider>
@ -58,15 +58,15 @@ export default {
<div class="card"> <div class="card">
<div class="flex flex-column md:flex-row"> <div class="flex flex-column md:flex-row">
<div class="w-full md:w-5 flex flex-column align-items-center justify-content-center gap-3 py-5"> <div class="w-full md:w-5 flex flex-column align-items-center justify-content-center gap-3 py-5">
<div class="flex align-items-center gap-2"> <div class="flex flex-wrap justify-content-center align-items-center gap-2">
<label>Username</label> <label class="w-6rem">Username</label>
<InputText id="username" type="text" class="w-full" /> <InputText id="username" type="text" class="w-12rem" />
</div> </div>
<div class="flex align-items-center gap-2"> <div class="flex flex-wrap justify-content-center align-items-center gap-2">
<label>Password</label> <label class="w-6rem">Password</label>
<InputText id="password" type="password" class="w-full" /> <InputText id="password" type="password" class="w-12rem" />
</div> </div>
<Button label="Login" icon="pi pi-user" class="w-10rem"></Button> <Button label="Login" icon="pi pi-user" class="w-10rem mx-auto"></Button>
</div> </div>
<div class="w-full md:w-2"> <div class="w-full md:w-2">
<Divider layout="vertical" class="hidden md:flex"><b>OR</b></Divider> <Divider layout="vertical" class="hidden md:flex"><b>OR</b></Divider>
@ -86,15 +86,15 @@ export default {
<div class="card"> <div class="card">
<div class="flex flex-column md:flex-row"> <div class="flex flex-column md:flex-row">
<div class="w-full md:w-5 flex flex-column align-items-center justify-content-center gap-3 py-5"> <div class="w-full md:w-5 flex flex-column align-items-center justify-content-center gap-3 py-5">
<div class="flex align-items-center gap-2"> <div class="flex flex-wrap justify-content-center align-items-center gap-2">
<label>Username</label> <label class="w-6rem">Username</label>
<InputText id="username" type="text" class="w-full" /> <InputText id="username" type="text" class="w-12rem" />
</div> </div>
<div class="flex align-items-center gap-2"> <div class="flex flex-wrap justify-content-center align-items-center gap-2">
<label>Password</label> <label class="w-6rem">Password</label>
<InputText id="password" type="password" class="w-full" /> <InputText id="password" type="password" class="w-12rem" />
</div> </div>
<Button label="Login" icon="pi pi-user" class="w-10rem"></Button> <Button label="Login" icon="pi pi-user" class="w-10rem mx-auto"></Button>
</div> </div>
<div class="w-full md:w-2"> <div class="w-full md:w-2">
<Divider layout="vertical" class="hidden md:flex"><b>OR</b></Divider> <Divider layout="vertical" class="hidden md:flex"><b>OR</b></Divider>