TabbedLayout mobile

unisonweb · Aug 23, 2023 · 6cdaf29 · 6cdaf29
1 parent 4b8ab65
commit 6cdaf29
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/UI/PageLayout.elm b/src/UI/PageLayout.elm
@@ -366,12 +366,12 @@ view page =
  -- the header and the TabList
  [ header [ class "tabbed-layout_header" ]
  [ div
- [ class "page-content" ]
+ [ class "tabbed-layout_width" ]
  [ PageTitle.view pageTitle ]
  ]
  , div [ class "tabbed-layout_tab-list" ]
  [ div
- [ class "page-content" ]
+ [ class "tabbed-layout_width" ]
  [ TabList.view tabList ]
  ]
  , PageContent.view_ (viewPageFooter footer) content

diff --git a/src/css/ui/page-layout.css b/src/css/ui/page-layout.css
@@ -192,6 +192,11 @@
  padding: 3rem 0 1.5rem 0;
 }
 
+.page.tabbed-layout .tabbed-layout_width {
+ width: 52.75rem;
+ margin: auto;
+}
+
 /* @todo :has */
 .page .page-content .page-title .has_icon {
  display: flex;
@@ -432,6 +437,7 @@
  .page.centered-layout .page-content,
  .page.centered-narrow-layout .page-content,
  .page.tabbed-layout .page-content,
+ .page.tabbed-layout .tabbed-layout_width,
  .page.presentation-layout .page-content {
  width: 100%;
  overflow: initial;