diff --git a/src/components/containers/BlurWrapper/styles.scss b/src/components/containers/BlurWrapper/styles.scss index bc847c9a..93120294 100644 --- a/src/components/containers/BlurWrapper/styles.scss +++ b/src/components/containers/BlurWrapper/styles.scss @@ -2,7 +2,7 @@ filter: blur(0); transition: filter 0.25s; will-change: filter; - padding-top: 100px + $gap; + padding-top: $header_height + 2px; display: flex; box-sizing: border-box; flex-direction: column; diff --git a/src/components/main/Header/style.scss b/src/components/main/Header/style.scss index f00b465f..4c81b3e2 100644 --- a/src/components/main/Header/style.scss +++ b/src/components/main/Header/style.scss @@ -1,5 +1,5 @@ .wrap { - height: 64px; + height: $header_height; z-index: 5; position: fixed; top: 0; diff --git a/src/styles/variables.scss b/src/styles/variables.scss index 0278c8c3..49bbdfc4 100644 --- a/src/styles/variables.scss +++ b/src/styles/variables.scss @@ -1,5 +1,6 @@ @import 'colors'; +$header_height: 64px; $cell: 280px; $gap: 10px; $grid_line: 5px;