Skip to content

Commit

Permalink
Update Divider login demo
Browse files Browse the repository at this point in the history
  • Loading branch information
@cagataycivici
cagataycivici committed Oct 7, 2023
1 parent ed976a8 commit f823950
Showing 1 changed file with 28 additions and 28 deletions.
56 changes: 28 additions & 28 deletions doc/divider/LoginDoc.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,15 +5,15 @@
<div class="card">
<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="flex align-items-center gap-2">
<label>Username</label>
<InputText id="username" type="text" class="w-full" />
<div class="flex flex-wrap justify-content-center align-items-center gap-2">
<label class="w-6rem">Username</label>
<InputText id="username" type="text" class="w-12rem" />
</div>
<div class="flex align-items-center gap-2">
<label>Password</label>
<InputText id="password" type="password" class="w-full" />
<div class="flex flex-wrap justify-content-center align-items-center gap-2">
<label class="w-6rem">Password</label>
<InputText id="password" type="password" class="w-12rem" />
</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 class="w-full md:w-2">
<Divider layout="vertical" class="hidden md:flex"><b>OR</b></Divider>
Expand All @@ -35,15 +35,15 @@ export default {
basic: `
<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="flex align-items-center gap-2">
<label>Username</label>
<InputText id="username" type="text" class="w-full" />
<div class="flex flex-wrap justify-content-center align-items-center gap-2">
<label class="w-6rem">Username</label>
<InputText id="username" type="text" class="w-12rem" />
</div>
<div class="flex align-items-center gap-2">
<label>Password</label>
<InputText id="password" type="password" class="w-full" />
<div class="flex flex-wrap justify-content-center align-items-center gap-2">
<label class="w-6rem">Password</label>
<InputText id="password" type="password" class="w-12rem" />
</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 class="w-full md:w-2">
<Divider layout="vertical" class="hidden md:flex"><b>OR</b></Divider>
Expand All @@ -58,15 +58,15 @@ export default {
<div class="card">
<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="flex align-items-center gap-2">
<label>Username</label>
<InputText id="username" type="text" class="w-full" />
<div class="flex flex-wrap justify-content-center align-items-center gap-2">
<label class="w-6rem">Username</label>
<InputText id="username" type="text" class="w-12rem" />
</div>
<div class="flex align-items-center gap-2">
<label>Password</label>
<InputText id="password" type="password" class="w-full" />
<div class="flex flex-wrap justify-content-center align-items-center gap-2">
<label class="w-6rem">Password</label>
<InputText id="password" type="password" class="w-12rem" />
</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 class="w-full md:w-2">
<Divider layout="vertical" class="hidden md:flex"><b>OR</b></Divider>
Expand All @@ -86,15 +86,15 @@ export default {
<div class="card">
<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="flex align-items-center gap-2">
<label>Username</label>
<InputText id="username" type="text" class="w-full" />
<div class="flex flex-wrap justify-content-center align-items-center gap-2">
<label class="w-6rem">Username</label>
<InputText id="username" type="text" class="w-12rem" />
</div>
<div class="flex align-items-center gap-2">
<label>Password</label>
<InputText id="password" type="password" class="w-full" />
<div class="flex flex-wrap justify-content-center align-items-center gap-2">
<label class="w-6rem">Password</label>
<InputText id="password" type="password" class="w-12rem" />
</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 class="w-full md:w-2">
<Divider layout="vertical" class="hidden md:flex"><b>OR</b></Divider>
Expand Down

0 comments on commit f823950

Please sign in to comment.