CHANGE: login ui

This commit is contained in:
2025-02-21 22:03:19 +01:00
parent 3be2a47c56
commit 01a24506ad
2 changed files with 8 additions and 13 deletions

View File

@@ -1,16 +1,16 @@
package templates package templates
templ LoginForm(failed bool){ templ LoginForm(failed bool){
{{ // {{
failedClass := "" // failedClass := ""
if(failed){ // if(failed){
failedClass = "border border-red-600" // failedClass = "border border-red-600"
} // }
}} // }}
@Style() @Style()
<div class="w-full h-[100vh] flex flex-col justify-center items-center"> <div class="w-full h-[100vh] flex flex-col justify-center items-center">
<form method="POST" class={"w-1/2 flex flex-col gap-4 p-2", failedClass}> <form method="POST" class={"w-1/2 flex flex-col gap-4 p-2"}>
<input name="personal_nummer" placeholder="Personalnummer" type="text" class="w-full placeholder:text-neutral-400 text-neutral-700 text-sm border border-neutral-300 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none hover:border-neutral-500"/> <input name="personal_nummer" placeholder="Personalnummer" type="text" class="w-full placeholder:text-neutral-400 text-neutral-700 text-sm border border-neutral-300 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none hover:border-neutral-500"/>
<input name="password" placeholder="Passwort" type="password" class="w-full placeholder:text-neutral-400 text-neutral-700 text-sm border border-neutral-300 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none hover:border-neutral-500"/> <input name="password" placeholder="Passwort" type="password" class="w-full placeholder:text-neutral-400 text-neutral-700 text-sm border border-neutral-300 rounded-md px-3 py-2 transition duration-300 ease focus:outline-none hover:border-neutral-500"/>
if failed { if failed {

View File

@@ -29,11 +29,6 @@ func LoginForm(failed bool) templ.Component {
templ_7745c5c3_Var1 = templ.NopComponent templ_7745c5c3_Var1 = templ.NopComponent
} }
ctx = templ.ClearChildren(ctx) ctx = templ.ClearChildren(ctx)
failedClass := ""
if failed {
failedClass = "border border-red-600"
}
templ_7745c5c3_Err = Style().Render(ctx, templ_7745c5c3_Buffer) templ_7745c5c3_Err = Style().Render(ctx, templ_7745c5c3_Buffer)
if templ_7745c5c3_Err != nil { if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err return templ_7745c5c3_Err
@@ -42,7 +37,7 @@ func LoginForm(failed bool) templ.Component {
if templ_7745c5c3_Err != nil { if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err return templ_7745c5c3_Err
} }
var templ_7745c5c3_Var2 = []any{"w-1/2 flex flex-col gap-4 p-2", failedClass} var templ_7745c5c3_Var2 = []any{"w-1/2 flex flex-col gap-4 p-2"}
templ_7745c5c3_Err = templ.RenderCSSItems(ctx, templ_7745c5c3_Buffer, templ_7745c5c3_Var2...) templ_7745c5c3_Err = templ.RenderCSSItems(ctx, templ_7745c5c3_Buffer, templ_7745c5c3_Var2...)
if templ_7745c5c3_Err != nil { if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err return templ_7745c5c3_Err