diff --git a/src/layouts/FlowLayout/styles.module.scss b/src/layouts/FlowLayout/styles.module.scss index c3440ac4..f00fe269 100644 --- a/src/layouts/FlowLayout/styles.module.scss +++ b/src/layouts/FlowLayout/styles.module.scss @@ -13,9 +13,11 @@ $cols: math.div($content_width, $cell); .container { @include container; + margin-top: $page_top_offset; @include tablet { padding: 0 $gap; + margin-top: 0; } } diff --git a/src/layouts/LabLayout/styles.module.scss b/src/layouts/LabLayout/styles.module.scss index 3845e872..ac6c1f0e 100644 --- a/src/layouts/LabLayout/styles.module.scss +++ b/src/layouts/LabLayout/styles.module.scss @@ -32,6 +32,11 @@ .container { width: 100%; max-width: $content_width; + margin-top: $page_top_offset; + + @include tablet { + margin-top: 0; + } &.fluid { max-width: 100vw; diff --git a/src/styles/variables.scss b/src/styles/variables.scss index d71a4e42..513d6ce8 100644 --- a/src/styles/variables.scss +++ b/src/styles/variables.scss @@ -18,6 +18,7 @@ $content_width: $cell * 5 + $grid_line * 4; $spc: $gap * 2; $comment_height: 72px; $bar_height: 64px; +$page_top_offset: 32px; $radius: 8px; $cell_radius: $radius;