mirror/pgbackweb
1
0
Fork 0
mirror of https://github.com/eduardolat/pgbackweb.git synced 2026-01-26 06:29:03 -06:00
Code Issues Packages Projects Releases Wiki Activity

Refactor dashboard summary layout for improved alignment and styling of components

Browse Source
This commit is contained in:
Luis Eduardo Jeréz Girón
2024-09-06 22:34:54 -06:00
parent 8544bf20f1
commit c3960f7800
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
internal/view/web/dashboard/summary/index.go
View File

@@ -73,7 +73,7 @@ func indexPage(
) gomponents.Node {
chart := func() gomponents.Node {
notAvailable := html.Div(
html.Class("size-full flex flex-col justify-center items-center"),
html.Class("size-[218px] flex flex-col justify-center items-center"),
html.Span(
html.Class("text-sm text-base-content pb-[32px]"),
gomponents.Text("Chart waiting for data"),
@@ -157,9 +157,12 @@ func indexPage(
)
content := []gomponents.Node{
component.H1Text("Summary"),
html.Div(
html.Class("mt-4 flex justify-start flex-wrap gap-4"),
html.Class("flex justify-center"),
component.H1Text("Summary"),
),
html.Div(
html.Class("mt-4 flex justify-center flex-wrap gap-4"),
countCard("Databases", databasesQty.All, ChartData{
Label: "Quantity",
@@ -201,9 +204,8 @@ func indexPage(
html.Div(
alpine.XData("genericSlider(4)"),
alpine.XCloak(),
html.Class("mt-6 flex flex-col justify-center items-start"),
html.Class("mt-6 flex flex-col justify-center items-center mx-auto"),
component.H2Text("How to use PG Back Web"),
component.CardBox(component.CardBoxParams{
Class: "mt-4 space-y-4 max-w-[600px]",
Children: []gomponents.Node{