883 modify header add building (#927)

* [#883] Added redirect in new tab to header Logo. * [#883] Added media queries from the website-factory.
code4romania · Jun 13, 2023 · 81a7549 · 81a7549 · vercel · Jun 13, 2023
1 parent 300e72b
commit 81a7549
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 1 deletion.
diff --git a/client/src/components/Header/index.js b/client/src/components/Header/index.js
@@ -52,7 +52,10 @@ export default () => {
       <Header className={showMenu ? 'overlay' : ''}>
         <div className="container">
           <div className="App-logo">
-            <Link to="/">
+            <Link
+              to={{ pathname: 'https://acasa.website-factory.heroesof.tech/ro' }}
+              target="_blank"
+            >
               <img src={logo} alt="Bulina Roșie logo" />
             </Link>
           </div>

diff --git a/client/src/styles/_common.scss b/client/src/styles/_common.scss
@@ -30,11 +30,50 @@ code {
 }
 
 .container {
+  width: 100%;
   margin: 0 auto;
   padding: 0 $gutter;
+  padding-right: 1rem;
+  padding-left: 1rem;
+  margin-left: auto;
+  margin-right: auto;
   max-width: $container-width;
 }
 
+@media (min-width: 640px) {
+  .container {
+      max-width:640px;
+      padding-right: 1.5rem;
+      padding-left: 1.5rem
+  }
+}
+
+@media (min-width: 768px) {
+  .container {
+      max-width:768px
+  }
+}
+
+@media (min-width: 1024px) {
+  .container {
+      max-width:1024px;
+      padding-right: 2rem;
+      padding-left: 2rem
+  }
+}
+
+@media (min-width: 1280px) {
+  .container {
+      max-width:1280px
+  }
+}
+
+@media (min-width: 1536px) {
+  .container {
+      max-width:1536px
+  }
+}
+
 .App > .ant-layout > .ant-layout-content {
   width: 100%;
 }