diff --git a/solara/website/pages/apps/multipage/__init__.py b/solara/website/pages/apps/multipage/__init__.py index f7835d25f..2fe8debea 100644 --- a/solara/website/pages/apps/multipage/__init__.py +++ b/solara/website/pages/apps/multipage/__init__.py @@ -7,7 +7,7 @@ @solara.component def SharedComponent(): - with solara.Card("Shown on each page", style={"max-width": "500px"}): + with solara.Card("Shown on each page", style={"max-width": "500px"}, margin=0, classes=["my-2"]): solara.Markdown( f""" This component will be used on each page. diff --git a/solara/website/pages/apps/multipage/page1.py b/solara/website/pages/apps/multipage/page1.py index c38ce84b5..d4de0cd29 100644 --- a/solara/website/pages/apps/multipage/page1.py +++ b/solara/website/pages/apps/multipage/page1.py @@ -7,7 +7,7 @@ @solara.component def Sub(): - with solara.Card("Sub component"): + with solara.Card("Sub component", margin=0, classes=["my-2"]): solara.Markdown("This sub component is the best") with solara.Sidebar(): with solara.Card("Sidebar of sub component", margin=0, elevation=0): diff --git a/solara/website/pages/apps/multipage/page2.py b/solara/website/pages/apps/multipage/page2.py index 488788285..07a460ad5 100644 --- a/solara/website/pages/apps/multipage/page2.py +++ b/solara/website/pages/apps/multipage/page2.py @@ -14,7 +14,7 @@ def Page(): solara.Button(label="View source", icon_name="mdi-github-circle", attributes={"href": github_url, "target": "_blank"}, text=True, outlined=True) SharedComponent() - with solara.Card("Shown only on page2", style={"max-width": "500px"}): + with solara.Card("Shown only on page2", style={"max-width": "500px"}, margin=0, classes=["my-2"]): solara.Markdown( f""" The lifetime of `component_state` if bound to this page. If you navigate away from it,