feat: add tailwindcss

This commit is contained in:
Bertrand Benjamin 2024-07-27 18:21:42 +02:00
parent 29c82ae597
commit cdad13788a

View File

@ -2,17 +2,30 @@ import dash
from dash import Dash, html, dcc from dash import Dash, html, dcc
from .pages import home, config from .pages import home, config
app = Dash(__name__, use_pages=True) external_scripts = [
{'src': 'https://cdn.tailwindcss.com'}
]
# external_script = ["https://tailwindcss.com/", {"src": "https://cdn.tailwindcss.com"}]
app = Dash(__name__, use_pages=True, external_scripts=external_scripts)
app.scripts.config.serve_locally = True
dash.register_page(home.__name__, path='/', layout=home.layout) dash.register_page(home.__name__, path='/', layout=home.layout)
dash.register_page(config.__name__, path='/config', layout=config.layout) dash.register_page(config.__name__, path='/config', layout=config.layout)
app.layout = html.Div([ app.layout = html.Div([
html.H1('Plesna'),
html.Div([ html.Div([
html.Div( dcc.Link(
dcc.Link(f"{page['name']} - {page['path']}", href=page["relative_path"]) html.H1('Plesna', ),
) for page in dash.page_registry.values() href="/",
]), className="text-4xl p-4 text-center grow align-baseline"
),
dcc.Link("Config",
href="/config",
className="flex-none hover:bg-gray-300 p-4 align-middle"
)
],
className="bg-gray-100 flex flex-row"
),
dash.page_container dash.page_container
]) ])