feat: global design
This commit is contained in:
parent
cdad13788a
commit
f9bfb917bd
@ -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
|
||||
])
|
||||
|
@ -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"
|
||||
),
|
||||
])
|
||||
|
Loading…
Reference in New Issue
Block a user