feat: enhance index page with additional settings buttons and style adjustments

This commit is contained in:
Prad Nukala
2024-12-10 13:27:07 -05:00
parent ba82d707d0
commit e38a045de3
9 changed files with 34 additions and 217 deletions
+14 -1
View File
@@ -9,13 +9,26 @@ templ InitialView() {
@layout.Root("Sonr.ID") {
@layout.Container() {
@text.Header("Sonr.ID", "The decentralized identity layer for the web.")
<div class="pt-3 flex flex-col items-center justify-center h-full">
<div class="pt-1.5 flex flex-col items-center justify-center h-full">
<sl-button hx-target="#container" hx-get="/register" hx-push-url="/register" type="button">
<sl-icon slot="prefix" library="sonr" name="sonr"></sl-icon>
Get Started
<sl-icon slot="suffix" library="sonr" name="arrow-right"></sl-icon>
</sl-button>
</div>
<div class="pt-1.5 flex flex-col items-center justify-center h-full">
<sl-button variant="default" size="small" circle>
<sl-icon name="gear" label="Settings"></sl-icon>
</sl-button>
<sl-button variant="default" size="medium" circle>
<sl-icon name="gear" label="Settings"></sl-icon>
</sl-button>
<sl-button variant="default" size="large" circle>
<sl-icon name="gear" label="Settings"></sl-icon>
</sl-button>
</div>
}
}
}