Fix mismatch in peeking window heights

1 year ago · 22d8a08420
parent 1053d56c44
commit 22d8a08420
1 changed files with 4 additions and 2 deletions
--- a/assets/styles/mix-twbs.scss
+++ b/assets/styles/mix-twbs.scss
@ -5,11 +5,13 @@ $web-font-path: "/fonts/nunito-sans/index.css";
@import "bootstrap/bootstrap";
@import "bootswatch/lux/bootswatch";

+$peek-height: 25rem;
+
 .blurred-container {
  position: relative;
  width: 100%;
  min-height: 35vh;
-  height: 350px;
+  height: $peek-height;
  top: 0;
  left: 0;
 }
@ -39,7 +41,7 @@ $web-font-path: "/fonts/nunito-sans/index.css";
  position: fixed;
  width: 100%;
  min-height: 35vh;
-  height: 72ex;
+  height: $peek-height;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;