fix(): console errors and fixed size for images (#182)

fabricjs · Dec 25, 2024 · c9859d0 · c9859d0
1 parent dd1f67c
commit c9859d0
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 2 deletions.
diff --git a/src/components/Companies/companies.css b/src/components/Companies/companies.css
@@ -22,6 +22,7 @@
 
 #companies .imageContainer {
     height: 180px;
+    width: 180px;
     display: flex;
     flex-direction: row;
     align-items: center;
@@ -31,4 +32,11 @@
     max-width: 100%;
     display: flex;
     justify-content: space-around;
-}
+}
+
+@media (min-width: 400px) {
+    #companies a img {
+      width: 180px;
+      max-height: 180px;
+    }
+  }
diff --git a/src/components/ContributorCard/contributorCard.css b/src/components/ContributorCard/contributorCard.css
@@ -6,10 +6,15 @@
 .contributorCard img {
   border-radius: 50%;
   width: 90%;
+  height: 90%;
 }
 
 @media (min-width: 400px) {
   .contributorCard {
     width: 200px;
   }
+  .contributorCard img {
+    width: 180px;
+    height: 180px;
+  }
 }
diff --git a/src/components/CoolCanvasBanner/setupCanvasBanner.js b/src/components/CoolCanvasBanner/setupCanvasBanner.js
@@ -13,11 +13,24 @@ import {
   Group,
   FabricObject,
   Path,
+  Gradient,
+  classRegistry,
 } from 'fabric/es';
 
+
+
 export const setupCanvasBanner = ({ canvasEl, container }) => {
+  classRegistry.setClass(Path);
+  classRegistry.setSVGClass(Path);
+  classRegistry.setClass(Gradient, 'gradient');
+  classRegistry.setClass(Gradient, 'linear');
+  classRegistry.setClass(Gradient, 'radial');
   FabricObject.ownDefaults.originX = 'center';
   FabricObject.ownDefaults.originY = 'center';
+  FabricObject.ownDefaults.cornerStrokeColor = 'white';
+  FabricObject.ownDefaults.cornerStyle = 'circle';
+  FabricObject.ownDefaults.cornerColor = '#0C7CAC';
+  FabricObject.ownDefaults.transparentCorners = false;
   const resizeObserver = new ResizeObserver((entries) => {
     for (const entry of entries) {
       if (entry.target === container) {

diff --git a/src/components/Header/Header.astro b/src/components/Header/Header.astro
@@ -1,6 +1,6 @@
 <header id="site-header">
     <a id="logo" href="/">
-      <img alt="Fabric.js logo" src="/logo.svg" />
+      <img alt="Fabric.js logo" src="/logo.svg" width="200" height="63" />
     </a>
     <slot />
     <nav>