Change the hero logo

Netcentric · Oct 29, 2024 · ba91801 · ba91801
1 parent ed3b535
commit ba91801
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 7 deletions.
diff --git a/blocks/hero/hero.css b/blocks/hero/hero.css
@@ -146,6 +146,11 @@ main .hero-container .hero-wrapper {
   position: absolute;
 }
 
+.hero .hero-flag svg {
+  width: auto;
+  height: auto;
+}
+
 .hero .hero-countdown {
   text-align: center;
   line-height: 91px;
@@ -246,7 +251,13 @@ main .hero-container .hero-wrapper {
   }
 
   .hero .hero-flag {
-    translate: 40px -50%;
+    translate: 40px -30px;
+    width: 100px;
+    height: auto;
+  }
+
+  .hero .hero-flag svg {
+    height: unset;
   }
 
   .hero h1 {
@@ -269,7 +280,7 @@ main .hero-container .hero-wrapper {
   }
 
   .hero .hero-flag {
-    translate: 62px -50%;
+    translate: 62px -30px;
   }
 
   .hero h1 {

diff --git a/blocks/hero/hero.js b/blocks/hero/hero.js
@@ -44,11 +44,11 @@ const addLogoFlag = (block) => {
   const flagEl = document.createElement('span');
   flagEl.classList.add('hero-flag');
   flagEl.innerHTML = `
-    <svg width="60" height="50" viewBox="0 0 60 50" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <rect width="8.57143" height="50" fill="#ED1C24"/>
-      <rect x="17.1431" width="8.57143" height="50" fill="#ED1C24"/>
-      <rect x="34.2856" width="8.57143" height="50" fill="black"/>
-      <rect x="51.4287" width="8.57143" height="50" fill="black"/>
+    <svg width="100" height="80" viewBox="0 0 100 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <rect y="0.351562" width="14.2857" height="80" fill="#ED1C24"/>
+      <rect x="28.5714" y="0.351562" width="14.2857" height="80" fill="#ED1C24"/>
+      <rect x="57.1429" y="0.351562" width="14.2857" height="80" fill="white"/>
+      <rect x="85.7143" y="0.351562" width="14.2857" height="80" fill="white"/>
     </svg>
   `;
   customDecoreateIcons(flagEl);