Merge pull request #239 from Trendyol/feature/RadiusUpdate

button and popup radius update
Trendyol · Nov 23, 2021 · 6609db2 · 6609db2
2 parents 33c8e56 + 6e8e256
commit 6609db2
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "quarkify",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "license": "MIT",
   "description": "An awesome lightweight React UI Component library",
   "repository": "https://github.com/Trendyol/quarkify",

diff --git a/src/components/popup/popup.tsx b/src/components/popup/popup.tsx
@@ -150,6 +150,7 @@ export default class Popup extends PureComponent<IPopupProps, IPopupState> {
                     className={popupIconClasses}
                     onClick={handleIconClick}
                     name="close"
+                    sizePixel={10}
                   />
                 )}
               </div>

diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
@@ -101,6 +101,8 @@ $-padding: 1rem !default;
 
 //Border Radius
 $border-radius: 3px;
+$border-radius-button: 5px;
+$border-radius-popup: 6px;
 
 //Popup Padding
 $popup-margin: 30px !default;

diff --git a/src/styles/components/_button.scss b/src/styles/components/_button.scss
@@ -15,7 +15,7 @@
   line-height: normal;
   letter-spacing: normal;
   text-align: center;
-  border-radius: $border-radius;
+  border-radius: $border-radius-button;
 
   &.q-button-large {
     height: $button-height-large;

diff --git a/src/styles/components/_popup.scss b/src/styles/components/_popup.scss
@@ -10,7 +10,7 @@
   width: 100%;
   max-width: 90vw;
   max-height: 90vh;
-  border-radius: $border-radius;
+  border-radius: $border-radius-popup;
   z-index: 1031;
   box-sizing: border-box;