design adjusments

sassdavid · Feb 14, 2024 · 24aaa9c · 24aaa9c
1 parent c9cd478
commit 24aaa9c
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 13 deletions.
diff --git a/src/assets/scss/layout/_bg.scss b/src/assets/scss/layout/_bg.scss
@@ -41,7 +41,6 @@
 		}
 
 		&:after {
-			@include vendor('transform', 'scale(1.125)');
 			@include vendor('transition', (
 				'transform #{_duration(article)} ease-in-out',
 				'filter #{_duration(article)} ease-in-out'
@@ -65,4 +64,4 @@
 				background-color:	_palette(bg-alt);
 			}
 		}
-	}
+	}
diff --git a/src/assets/scss/layout/_wrapper.scss b/src/assets/scss/layout/_wrapper.scss
@@ -7,7 +7,7 @@
 /* Wrapper */
 
 #wrapper {
-  @include vendor('display', 'inline-block');
+  @include vendor('display', 'flex');
   @include vendor('flex-direction', 'column');
   @include vendor('align-items', 'center');
   @include vendor('justify-content', 'space-between');
@@ -56,16 +56,9 @@
 
 .thanks-page-wrapper,
 .not-found-page-wrapper {
-  @include vendor('display', 'flex');
-  @include vendor('flex-direction', 'column');
-  @include vendor('align-items', 'center');
-  @include vendor('justify-content', 'center');
-  padding-top: calc(_size(element-margin) * 2.5);
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
   text-align: center;
 }
 
-.not-found-page-wrapper {
-  padding: _size(element-margin) * 0.25 0 0 0;
+.thanks-page-wrapper {
+  padding: _size(element-margin) * 2 0 0 0;
 }
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
@@ -5,7 +5,7 @@ import Layout from '../components/layout';
 
 const NotFound = () => (
   <Layout className="not-found-page">
-    <div className="wrapper not-found-page-wrapper" style={{ textAlign: 'center' }}>
+    <div className="wrapper not-found-page-wrapper">
       <header>
         <RiSkullLine style={{ fontSize: '6rem', color: 'gray', paddingBottom: '0.5rem' }} />
         <h1>Oops valami nem várt dolog történt!</h1>

diff --git a/static/assets/bg.jpg b/static/assets/bg.jpg