chore: v2.3.0

Dev
ssi02014 · Feb 23, 2023 · dbcb1f7 · dbcb1f7
2 parents abd76d9 + eb236cc
commit dbcb1f7
Show file tree

Hide file tree

Showing 11 changed files with 288 additions and 250 deletions.
diff --git a/README.md b/README.md
@@ -47,6 +47,7 @@
 - Download Thumbnail Image
 - Resize Canvas
 - Choose Background Color & Picture
+- Choose Blur
 - Choose Font Family & Size & Stroke & Color & Position & Angle
 - Add Custom Web Font Family
 - Select the Modal button and the location of the Modal.

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-thumbnail-generator",
-  "version": "2.1.1",
+  "version": "2.3.0",
   "description": "react-thumbnail-generator",
   "main": "dist/index.js",
   "module": "dist/index.js",

diff --git a/src/assets/icons.js b/src/assets/icons.js
diff --git a/src/components/TG.styled.ts b/src/components/TG.styled.ts
@@ -121,7 +121,7 @@ export const TGTextarea = styled.textarea`
   }
 `;
 
-export const TGButtonContainer = styled.div`
+export const TGButtonWrapper = styled.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -296,6 +296,10 @@ export const TGControllerWrapper = styled.div`
   & > div + div {
     margin-left: 10px;
   }
+
+  & > div + button {
+    margin-left: 10px;
+  }
 `;
 
 export const TGIConButton = styled.button<{
@@ -376,7 +380,7 @@ export const SelectListItem = styled.li`
 `;
 
 // TG Input
-export const TGInputTextContainer = styled.div<{ width?: number }>`
+export const TGInputTextContainer = styled.div<{ width: number | string }>`
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -401,6 +405,10 @@ export const TGInputTextContainer = styled.div<{ width?: number }>`
     &:focus {
       border: 1px solid #0e1b30;
     }
+
+    &:disabled {
+      color: #cccccc;
+    }
   }
 `;