refactor: Add support for react versions>= 16.8, style changes

KeyValueSoftwareSystems · Apr 22, 2024 · 79680f6 · 79680f6
1 parent 69a610e
commit 79680f6
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 7 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -85,7 +85,7 @@
     "webpack-merge-and-include-globally": "^2.3.4"
   },
   "peerDependencies": {
-    "react": "^18.2.0"
+    "react": ">=16.8.0"
   },
   "files": [
     "build"

diff --git a/src/lib/inline-images/constants.ts b/src/lib/inline-images/constants.ts
@@ -1,9 +1,9 @@
-export const DEFAULT_SPACE_BETWEEN_PICS = 20;
+export const DEFAULT_SPACE_BETWEEN_PICS = 45;
 
 export enum Elements {
   Avatar = "Avatar",
   ExtraCount = "ExtraCount",
   Name = "Name"
 }
 
-export const DEFAULT_AVATAR_SIZE = 40;
+export const DEFAULT_AVATAR_SIZE = 64;
diff --git a/src/lib/inline-images/styles.module.scss b/src/lib/inline-images/styles.module.scss
@@ -8,7 +8,7 @@
     margin-top: 5px;
   }
   img {
-    border: 3px solid white;
+    border: 4px solid white;
     transition: all 0.3s;
     &.elevateOnHover:hover {
       transform: scale(1.1); 
@@ -40,8 +40,9 @@
     top: 0;
   }
   .extraCount {
-    border: 3px solid white;
-    background: floralwhite;
+    border: 4px solid white;
+    background: #F3F3FF;
+    color: #5D5FEF;
     display: flex;
     justify-content: center;
     align-items: center;