chore: update styles

Magickbase · Sep 18, 2023 · 7c746da · 7c746da
1 parent 6630178
commit 7c746da
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 5 deletions.
diff --git a/src/components/DecimalCapacity/index.tsx b/src/components/DecimalCapacity/index.tsx
@@ -1,5 +1,7 @@
+import classNames from 'classnames'
 import i18n from '../../utils/i18n'
 import { DecimalPanel, DecimalPartPanel, DecimalZerosPanel } from './styled'
+import styles from './styles.module.scss'
 
 export default ({
   value,
@@ -34,7 +36,7 @@ export default ({
 
   return (
     <DecimalPanel>
-      <span className={balanceChangeTypeClass}>{integer}</span>
+      <span className={classNames(balanceChangeTypeClass, styles.intergerPart)}>{integer}</span>
       <DecimalPartPanel
         className={`monospace ${balanceChangeTypeClass}`}
         fontSize={fontSize}

diff --git a/src/components/DecimalCapacity/styled.tsx b/src/components/DecimalCapacity/styled.tsx
@@ -25,7 +25,7 @@ export const DecimalPanel = styled.div`
 export const DecimalPartPanel = styled.div`
   margin-bottom: ${(props: { marginBottom: string }) => (props.marginBottom ? props.marginBottom : '1px')};
   font-size: ${(props: { fontSize?: string; color?: string; marginBottom: string }) =>
-    props.fontSize ? props.fontSize : '12px'};
+    props.fontSize ? props.fontSize : '14px'};
   color: ${(props: { color?: string }) => (props.color ? props.color : '#999999')};
 
   @media (max-width: 1000px) {
@@ -40,7 +40,7 @@ export const DecimalPartPanel = styled.div`
 export const DecimalZerosPanel = styled.div`
   margin-bottom: ${(props: { marginBottom: string }) => (props.marginBottom ? props.marginBottom : '1px')};
   font-size: ${(props: { fontSize?: string; color?: string; marginBottom: string }) =>
-    props.fontSize ? props.fontSize : '12px'};
+    props.fontSize ? props.fontSize : '14px'};
   color: ${(props: { color?: string }) => (props.color ? props.color : '#999999')};
 
   @media (max-width: 1000px) {

diff --git a/src/components/DecimalCapacity/styles.module.scss b/src/components/DecimalCapacity/styles.module.scss
@@ -0,0 +1,3 @@
+.intergerPart {
+  font-size: 16px;
+}
diff --git a/src/pages/Transaction/TransactionComp/TransactionLite/TransactionBadge.module.scss b/src/pages/Transaction/TransactionComp/TransactionLite/TransactionBadge.module.scss
@@ -1,6 +1,8 @@
 .transactionBadge {
   font-size: 12px;
-  padding: 1px 8px;
+  height: 24px;
+  line-height: 24px;
+  padding: 0 8px;
 
   border-radius: 4px;
   border: 1px solid #b0cbfc;

diff --git a/src/pages/Transaction/TransactionComp/TransactionLite/TransactionLite.module.scss b/src/pages/Transaction/TransactionComp/TransactionLite/TransactionLite.module.scss
@@ -72,7 +72,6 @@
 
         &:first-child {
           text-align: left;
-          font-size: 16px;
           color: #333;
         }