fix: various UI glitches

Chia-Network · Sep 19, 2023 · f0136fd · f0136fd
1 parent 7be8d73
commit f0136fd
Show file tree

Hide file tree

Showing 7 changed files with 13 additions and 10 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "core-registry-cadt-ui",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "private": true,
   "author": "Chia Network Inc. <[email protected]>",
   "homepage": "./",

diff --git a/src/components/form/PrimaryButton.js b/src/components/form/PrimaryButton.js
@@ -11,7 +11,7 @@ const Button = styled('button')`
   max-width: 100%;
   background-color: ${props =>
     props.danger ? '#FF4D4F' : props.theme.colors.default.secondaryDark};
-  border: 1px solid #1a8385;
+  border: none;
   border-radius: 5px;
   padding: 10px;
   height: 32px;
@@ -74,12 +74,15 @@ const Button = styled('button')`
 
         h4 {
           color: ${props.theme.colors.default.secondary};
+          font-weight: 700 !important;
         }
         h4:hover {
           color: ${props.theme.colors.default.secondaryDark};
+          font-weight: 700 !important;
         }
         h4:active {
           color: ${props.theme.colors.default.secondary};
+          font-weight: 700 !important;
         }
       `;
     }
@@ -117,7 +120,7 @@ const PrimaryButton = ({
           <span style={{ width: size === 'small' ? 2 : 5 }}></span>
         </>
       )}
-      <ButtonText color={disabled ? '#BFBFBF' : '#0E172B'}>{label}</ButtonText>
+      <ButtonText color={disabled ? '#BFBFBF' : 'white'}>{label}</ButtonText>
     </Button>
   );
 };

diff --git a/src/components/icons/IconColorsWrapper.js b/src/components/icons/IconColorsWrapper.js
@@ -12,7 +12,7 @@ export const IconColorsWrapper = styled('div')`
   color: ${props =>
     props.type === IconColorsWrapperTypeEnum.red
       ? props.theme.colors.default.shade2
-      : props.theme.colors.default.secondary};
+      : props.theme.colors.default.primary};
 
   :hover {
     color: ${props =>

diff --git a/src/components/layout/Tabs.js b/src/components/layout/Tabs.js
@@ -14,11 +14,11 @@ const StyledTabs = styled(MuiTabs)`
   }
 
   button.Mui-selected {
-    color: ${props => props.theme.colors.default.primaryDark};
+    color: ${props => props.theme.colors.default.secondaryDark};
   }
 
   .MuiTabs-indicator {
-    background-color: ${props => props.theme.colors.default.primaryDark};
+    background-color: ${props => props.theme.colors.default.secondaryDark};
   }
 `;
 

diff --git a/src/components/typography/ButtonText.js b/src/components/typography/ButtonText.js
@@ -3,12 +3,12 @@ import { useSelector } from 'react-redux';
 import styled, { withTheme } from 'styled-components';
 
 const Text = styled('h4')`
-  color: ${props => props.color || '#6e7d7f'} !important;
+  color: ${props => props.color || 'white'} !important;
   font-size: 1rem;
   font-family: ${props => props.theme.typography.primary.regular};
   line-height: 1.375rem;
   font-style: normal;
-  font-weight: 400;
+  font-weight: 700;
   text-transform: capitalize;
   margin: 0;
   padding: 0;

diff --git a/src/pages/Projects/index.js b/src/pages/Projects/index.js
@@ -124,7 +124,7 @@ const StyledCreateOneNowContainer = styled('div')`
   margin-left: 0.3125rem;
   display: inline-block;
   cursor: pointer;
-  color: #1890ff;
+  color: ${props => props.theme.colors.default.secondaryDark};
 `;
 
 const NoDataMessageContainer = styled('div')`

diff --git a/src/pages/Units/index.js b/src/pages/Units/index.js
@@ -113,7 +113,7 @@ const StyledCreateOneNowContainer = styled('div')`
   margin-left: 0.3125rem;
   display: inline-block;
   cursor: pointer;
-  color: #1890ff;
+  color: ${props => props.theme.colors.default.secondaryDark};
 `;
 
 const NoDataMessageContainer = styled('div')`