From f9bfb917bd41dc407a3766cf3896e1fa72cf8276 Mon Sep 17 00:00:00 2001
From: Bertrand Benjamin <benjamin.bertrand@opytex.org>
Date: Sat, 27 Jul 2024 18:45:20 +0200
Subject: [PATCH] feat: global design

---
 dashboard/app.py        |  4 ++--
 dashboard/pages/home.py | 39 ++++++++++++++++++++++++++++-----------
 2 files changed, 30 insertions(+), 13 deletions(-)

diff --git a/dashboard/app.py b/dashboard/app.py
index 43916cf..880325e 100644
--- a/dashboard/app.py
+++ b/dashboard/app.py
@@ -21,10 +21,10 @@ app.layout = html.Div([
         ),
         dcc.Link("Config",
                  href="/config",
-                 className="flex-none hover:bg-gray-300 p-4 align-middle"
+                 className="flex-none hover:bg-amber-100 p-4 align-middle"
                  )
     ],
-        className="bg-gray-100 flex flex-row"
+        className="bg-amber-300 flex flex-row shadow"
     ),
     dash.page_container
 ])
diff --git a/dashboard/pages/home.py b/dashboard/pages/home.py
index 108416a..b5b9cbe 100644
--- a/dashboard/pages/home.py
+++ b/dashboard/pages/home.py
@@ -5,21 +5,31 @@ from ..libs.stage.stage import AbstractStage
 
 def html_list_schema(stage:AbstractStage, with_tables=True):
     """ Build html list of schema in stage """
+    ul_classes = "ml-2"
     if with_tables:
         return html.Ul(
             [
                 html.Li(
                     children = [
-                        html.Span(schema),
+                        html.Span(
+                            schema,
+                            className="text-lg text-bold"
+                        ),
                         html_list_table(stage, schema)
-                    ]
+                    ],
+                    className=""
                 ) for schema in stage.schemas()
-            ]
+            ],
+            className=ul_classes
         )
     return html.Ul(
         [
-            html.Li(schema) for schema in stage.schemas()
-        ]
+            html.Li(
+                schema,
+                className="text-lg text-bold"
+                    ) for schema in stage.schemas()
+        ],
+        className=ul_classes
     )
 
 
@@ -29,23 +39,30 @@ def html_list_table(stage:AbstractStage, schema:str):
     return html.Ul(
         [
             html.Li(table) for table in stage.tables(schema=schema)
-        ]
+        ],
+        className="ml-4"
     )
 
 
 
 layout = html.Div([
-    html.H1('This is our Home page'),
     html.Div(children=[
         html.Ul(
             children=[
                 html.Li(
                     children=[
-                        html.Span(stagename),
+                        html.Span(
+                            stagename,
+                            className="text-2xl text-center p-2 bg-amber-100 rounded shadow"
+                                  ),
                         html_list_schema(stage)
-                    ]
+                    ],
+                    className="flex-1 bg-gray-100 rounded flex flex-col shadow"
                 ) for stagename, stage in stages.items()
-            ]
+            ],
+            className="flex flex-row space-x-2"
         )
-    ]),
+    ],
+    className="w-full mt-4 px-2"
+    ),
 ])