update login screen
This commit is contained in:
@@ -146,7 +146,10 @@ func LoginView(errorMsg string) Node {
|
|||||||
color: $color(deep-blue);
|
color: $color(deep-blue);
|
||||||
}
|
}
|
||||||
`),
|
`),
|
||||||
Text("Secure Sign In"),
|
Div(
|
||||||
|
InlineStyle("$me { display: flex; flex-direction: row; align-items: center; gap: $4;}"),
|
||||||
|
Icon(ICON_LOCK_KEYHOLE, 24), Text("Secure Sign In"),
|
||||||
|
),
|
||||||
),
|
),
|
||||||
Div(
|
Div(
|
||||||
Label(
|
Label(
|
||||||
@@ -155,7 +158,7 @@ func LoginView(errorMsg string) Node {
|
|||||||
Text("Username"),
|
Text("Username"),
|
||||||
),
|
),
|
||||||
Div(InlineStyle("$me { margin-top: $2; }"),
|
Div(InlineStyle("$me { margin-top: $2; }"),
|
||||||
FormInput(Name("username"), Type("text"), Required()),
|
FormInput(Name("username"), Type("text"), AutoFocus(), Required()),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
Div(
|
Div(
|
||||||
@@ -195,7 +198,7 @@ func LoginView(errorMsg string) Node {
|
|||||||
}
|
}
|
||||||
`),
|
`),
|
||||||
Type("submit"),
|
Type("submit"),
|
||||||
Text("Sign In"),
|
Text("Unlock Vault"),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
InlineScript(`
|
InlineScript(`
|
||||||
|
|||||||
@@ -37,6 +37,7 @@ const (
|
|||||||
ICON_LIST_ORDERED = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-list-ordered"><path d="M10 12h11"/><path d="M10 18h11"/><path d="M10 6h11"/><path d="M4 10h2"/><path d="M4 6h1v4"/><path d="M6 18H4c0-1 2-2 2-3s-1-1.5-2-1"/></svg>`
|
ICON_LIST_ORDERED = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-list-ordered"><path d="M10 12h11"/><path d="M10 18h11"/><path d="M10 6h11"/><path d="M4 10h2"/><path d="M4 6h1v4"/><path d="M6 18H4c0-1 2-2 2-3s-1-1.5-2-1"/></svg>`
|
||||||
ICON_X_DIALOG_CLOSE = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" stroke="currentColor" fill="none" stroke-width="1.4" class="w-5 h-5"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/></svg>`
|
ICON_X_DIALOG_CLOSE = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" stroke="currentColor" fill="none" stroke-width="1.4" class="w-5 h-5"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/></svg>`
|
||||||
ICON_PENCIL = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pencil"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>`
|
ICON_PENCIL = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pencil"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/></svg>`
|
||||||
|
ICON_LOCK_KEYHOLE = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock-keyhole"><circle cx="12" cy="16" r="1"/><rect x="3" y="10" width="18" height="12" rx="2"/><path d="M7 10V7a5 5 0 0 1 10 0v3"/></svg>`
|
||||||
|
|
||||||
//material
|
//material
|
||||||
ICON_SEARCH = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="3" stroke="currentColor" class="w-8 h-8 text-slate-600"><path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" /></svg>`
|
ICON_SEARCH = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="3" stroke="currentColor" class="w-8 h-8 text-slate-600"><path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" /></svg>`
|
||||||
|
|||||||
Reference in New Issue
Block a user