docs: better align subcard

widgetti · Jul 29, 2023 · c1541a0 · c1541a0
1 parent a583549
commit c1541a0
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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,