Minor UI changes - month selector error handling

skalenetwork · Jan 3, 2024 · 31e96f7 · 31e96f7
1 parent fa75f18
commit 31e96f7
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 75 deletions.
diff --git a/src/App.scss b/src/App.scss
@@ -471,8 +471,8 @@ code {
   max-width: calc(100vw - 32px);
 
   .logo {
-    height: 60pt;
-    margin: 30px 0;
+    height: 65pt;
+    margin: 35px 0;
     width: 100%;
     text-align: center;
 

diff --git a/src/components/MonthSelector.tsx b/src/components/MonthSelector.tsx
@@ -111,6 +111,7 @@ export default function MonthSelector(props: {
                   setCustomPeriod(Number(textPeriod))
                 }
                 props.setTopupPeriod(Number(textPeriod))
+                props.setErrorMsg(undefined)
               }}
             >
               <p className={cls(cmn.p, cmn.p2)}>Apply</p>

diff --git a/src/components/MonthSlider.tsx b/src/components/MonthSlider.tsx
diff --git a/src/components/SchainDetails.tsx b/src/components/SchainDetails.tsx
@@ -133,7 +133,7 @@ export default function SchainDetails(props: {
                   <a target="_blank" rel="noreferrer" href={explorerUrl} className="undec">
                     <Button
                       size="medium"
-                      className={styles.btnAction}
+                      className={cls(styles.btnAction, cmn.mri10)}
                       startIcon={<WidgetsRoundedIcon />}
                     >
                       Block Explorer
@@ -144,10 +144,10 @@ export default function SchainDetails(props: {
                   <Button
                     startIcon={<AddCircleRoundedIcon />}
                     size="medium"
-                    className={styles.btnAction}
+                    className={cls(styles.btnAction, cmn.mri10)}
                     onClick={addNetwork}
                   >
-                    Add network
+                    Connect Wallet
                   </Button>
                 </div>
                 <div>
@@ -160,10 +160,10 @@ export default function SchainDetails(props: {
                     >
                       <Button
                         size="medium"
-                        className={styles.btnAction}
+                        className={cls(styles.btnAction, cmn.mri10)}
                         startIcon={<ArrowOutwardRoundedIcon />}
                       >
-                        Open website
+                        Open Website
                       </Button>
                     </a>
                   ) : null}