go/sonr
go/sonr
1
1
Fork 0
mirror of https://github.com/onsonr/sonr.git synced 2025-03-10 13:07:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Make input rows responsive with grid layout for mobile and desktop

Browse Source
This commit is contained in:
Prad Nukala 2024-12-10 13:56:16 -05:00
parent 179add9e12
commit 2d1f820451
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
internal/gateway/handlers/register/forms.templ
View File

@ -10,10 +10,10 @@ templ formCreateProfile(action string, method string, data CreateProfileData) {
<sl-progress-bar value="50"></sl-progress-bar> <sl-progress-bar value="50"></sl-progress-bar>
</div> </div>
</div> </div>
@layout.Rows() { <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
<sl-input name="first_name" placeholder="Satoshi" type="text" label="First Name" required autofocus></sl-input> <sl-input name="first_name" placeholder="Satoshi" type="text" label="First Name" required autofocus></sl-input>
<sl-input name="last_name" placeholder="N" maxlength="1" type="text" label="Last Initial"></sl-input> <sl-input name="last_name" placeholder="N" maxlength="1" type="text" label="Last Initial"></sl-input>
} </div>
@layout.Spacer() @layout.Spacer()
<sl-input name="handle" placeholder="digitalgold" type="text" label="Handle" minlength="4" maxlength="12" required> <sl-input name="handle" placeholder="digitalgold" type="text" label="Handle" minlength="4" maxlength="12" required>
<div slot="prefix"> <div slot="prefix">