SolaraS
Solara2y ago
15 replies
Harry

Alignment

i have this code for the app bar of my Solara app:

import solara.lab


@solara.component
def appBar():
    with solara.AppBar():
        solara.Image(
            "assets/logo-small.png",
            width="250px",
        )
        with solara.lab.Tabs(background_color="primary", align="center"):
            solara.lab.Tab("Home", icon_name="mdi-home", path_or_route="/")
            solara.lab.Tab("Incubators", icon_name="mdi-fridge-outline", path_or_route="/Incubators")
            solara.lab.Tab("Live View", icon_name="mdi-chart-timeline-variant", path_or_route="/Live_View")
            solara.lab.Tab("Analysis", icon_name="mdi-poll", path_or_route="/Analysis")
            solara.lab.Tab("Control", icon_name="mdi-remote", path_or_route="/Control")
            solara.lab.Tab("Experiment", icon_name="mdi-flask", path_or_route="/Experiment")
            solara.lab.Tab("Microcontroller", icon_name="mdi-memory", path_or_route="/Microcontroller")
            solara.lab.Tab("Info", icon_name="mdi-information-outline", path_or_route="/Info")
            solara.lab.Tab("Docs", icon_name="mdi-file-document-outline", path_or_route="/Docs")


and it displays the image attached, how can i move the image to the left hand side of the app bar?
Screenshot_2024-05-13_at_17.06.02.png
Was this page helpful?