Fix #2335 by supplying height to vertical tab examples

microsoft · Jul 8, 2024 · 57d10f2 · 57d10f2
1 parent 9363620
commit 57d10f2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/examples/Demo/Shared/Pages/Tabs/Examples/TabsDefault.razor b/examples/Demo/Shared/Pages/Tabs/Examples/TabsDefault.razor
@@ -36,7 +36,7 @@ If checked, the contents of Tab two and three will be loaded after 1 second of p
 <p>Active tab changed to: @changedto?.Label</p>
 
 <h4>Vertical</h4>
-<FluentTabs Orientation="Orientation.Vertical" ActiveTabId="tab-v1">
+<FluentTabs Orientation="Orientation.Vertical" ActiveTabId="tab-v1" Style="height: 200px;">
     <FluentTab Label="Tab one" Id="tab-v1">
         Tab one content. This is for testing.
     </FluentTab>

diff --git a/examples/Demo/Shared/Pages/Tabs/Examples/TabsNoIndicator.razor b/examples/Demo/Shared/Pages/Tabs/Examples/TabsNoIndicator.razor
@@ -12,7 +12,7 @@
 </FluentTabs>
 
 <h4>No active indicator - Vertical</h4>
-<FluentTabs ShowActiveIndicator=false ActiveTabId="tab3" Orientation="Orientation.Vertical">
+<FluentTabs ShowActiveIndicator=false ActiveTabId="tab3" Orientation="Orientation.Vertical" Style="height: 250px;">
     <FluentTab Id="TabOne" Label="Tab one">
         Tab one content. This is for testing.
     </FluentTab>
@@ -25,4 +25,4 @@
     <FluentTab id="tab4" Disabled=true Label="Tab four">
         Tab four content. This is for testing.
     </FluentTab>
-</FluentTabs>
+</FluentTabs>