fix: aztec banner (#118)

Author: oxlumi

packages/common-config/src/components/HandbookSection/index.tsx

@@ -65,7 +65,15 @@ function HandbookCard({ handbook, isDefault = false }: HandbookCardProps) {
           style={{ backgroundColor: handbook.background.color }}
         ></div>
       )}
-      <img src={handbook.image} alt="" className={styles.handbooksCardIcon} />
+      <img
+        src={handbook.image}
+        alt=""
+        className={`${styles.handbooksCardIcon} ${
+          handbook.title.toLowerCase().includes("aztec")
+            ? styles.handbooksCardIconAztec
+            : ""
+        }`}
+      />
     </a>
   );
 }

packages/common-config/src/components/HandbookSection/styles.module.css

@@ -162,6 +162,10 @@ a.handbooksCard:hover {
   position: relative;
 }
 
+.handbooksCardIconAztec {
+  max-width: 65%;
+}
+
 .colorOverlay {
   position: absolute;
   top: 0;

packages/common-config/static/common/img/aztec-background-handbook-card.jpg

@@ -61,8 +61,8 @@ const efHandbooks: Handbook[] = [
     image: "/common/img/aztec-handbook.svg",
     href: "https://aztec.handbook.wonderland.xyz",
     background: {
-      bgType: "wonderland",
-      color: "#625CBFD1",
+      bgType: "other",
+      bgImage: "/common/img/aztec-background-handbook-card.jpg",
     },
   },
 ];

packages/common-config/static/common/img/common-background-aztec.png

@@ -59,8 +59,8 @@ const optimismHandbooks: Handbook[] = [
     image: "/common/img/aztec-handbook.svg",
     href: "https://aztec.handbook.wonderland.xyz",
     background: {
-      bgType: "wonderland",
-      color: "#625CBFD1",
+      bgType: "other",
+      bgImage: "/common/img/aztec-background-handbook-card.jpg",
     },
   },
   {

sites/ef/src/pages/index.tsx

@@ -64,8 +64,8 @@ const wonderlandHandbooks: Handbook[] = [
     image: "/common/img/aztec-handbook.svg",
     href: "https://aztec.handbook.wonderland.xyz",
     background: {
-      bgType: "wonderland",
-      color: "#625CBFD1",
+      bgType: "other",
+      bgImage: "/common/img/aztec-background-handbook-card.jpg",
     },
   },
   {