feat(neuron-ui): add border color on dao records

nervosnetwork · Nov 12, 2019 · 96b4ef6 · 96b4ef6
1 parent e88dc38
commit 96b4ef6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/neuron-ui/src/components/CustomRows/DAORecordRow.tsx b/packages/neuron-ui/src/components/CustomRows/DAORecordRow.tsx
@@ -82,7 +82,7 @@ const DAORecord = ({
   }
 
   return (
-    <div className={styles.daoRecord}>
+    <div className={`${styles.daoRecord} ${depositOutPoint ? styles.isClaim : ''}`}>
       <div className={styles.primaryInfo}>
         <div>{interest >= BigInt(0) ? `${shannonToCKBFormatter(interest.toString()).toString()} CKB` : ''}</div>
         <div>{`${shannonToCKBFormatter(capacity)} CKB`}</div>

diff --git a/packages/neuron-ui/src/components/CustomRows/daoRecordRow.module.scss b/packages/neuron-ui/src/components/CustomRows/daoRecordRow.module.scss
@@ -2,9 +2,10 @@
   display: flex;
   flex-direction: column;
   border: 1px solid #000;
-  border-radius: 5px;
+  border-radius: 2px;
   margin: 10px 0;
   padding: 5px 15px;
+  border-left: 5px solid green;
 
   .primaryInfo,
   .secondaryInfo {
@@ -32,4 +33,7 @@
     color: #666;
   }
 
+  &.isClaim {
+    border-left-color: blue;
+  }
 }