my app.py
import dash
from dash import Dash, html
import dash_bootstrap_components as dbc
app = Dash(
__name__,
use_pages=True,
external_stylesheets=[
"https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css"
],
)
app.layout = dbc.Container([dash.page_container], fluid=True)
if __name__ == "__main__":
app.run(debug=True)
pages folder has home.py
import dash
from dash import html,dcc
import dash_bootstrap_components as dbc
dash.register_page(__name__, path="/", title="CellViewer")
sidebar = html.Div(
[
html.A(["doc"],href="#",className="highlight",)
],
style={"width": "400px", "background-color": "#f6f8fa", "padding": "2rem 1rem"},
className="border-end",
)
layout = dbc.Row([sidebar, dbc.Col()], style={"height": "100vh"})
my assets folder has style.css
a.highlight {
color: #011f28;
position: relative;
line-height: 1;
text-decoration: none;
transition: all 0.25s;
}
a:active, a:hover {
outline-width: 0;
background-color: antiquewhite;
}
but the style.css not work well