Change in demo picture

aarathyKeyvalue · aarathyKeyvalue · commit 133b507f0a6a · 2023-04-18T16:15:40.000+05:30
diff --git a/screenshot.png b/screenshot.png
diff --git a/src/index.tsx b/src/index.tsx
@@ -0,0 +1,3 @@
+import DotMatrix from "./lib/dot-matrix";
+
+export default DotMatrix;
diff --git a/src/lib/dot-matrix/constants.ts b/src/lib/dot-matrix/constants.ts
@@ -27,4 +27,4 @@ export const DEFAULT_LEGEND_POSITION = 'right';
 
 export const DEFAULT_ROW_WIDTH = 35;
 
-export const DEFAULT_ROW_GAP = 6;
+export const DEFAULT_ROW_GAP = 4;
diff --git a/src/lib/dot-matrix/styles.module.scss b/src/lib/dot-matrix/styles.module.scss
@@ -10,7 +10,7 @@
   .dotsContainer {
     display: flex;
     flex-wrap: wrap;
-    gap: 6px;
+    gap: 4px;
     width: 100%;
     .eachDot {
       border-radius: 50%;

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+import DotMatrix from "./lib/dot-matrix";`
	`2`	`+`
	`3`	`+export default DotMatrix;`
Original file line number	Diff line number	Diff line change
`@@ -27,4 +27,4 @@ export const DEFAULT_LEGEND_POSITION = 'right';`
`27`	`27`
`28`	`28`	`export const DEFAULT_ROW_WIDTH = 35;`
`29`	`29`
`30`		`-export const DEFAULT_ROW_GAP = 6;`
	`30`	`+export const DEFAULT_ROW_GAP = 4;`