chore: remove unnecessary style definitions

joinmarket-webui · Aug 28, 2024 · cdb1774 · cdb1774
1 parent 9559527
commit cdb1774
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 47 deletions.
diff --git a/public/sprite.svg b/public/sprite.svg
diff --git a/src/components/ScheduleProgress.module.css b/src/components/ScheduleProgress.module.css
@@ -110,33 +110,13 @@
   border-radius: 0 var(--progress-bar-corner-radius) var(--progress-bar-corner-radius) 0;
 }
 
-.jamPot-container {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.jam-pot {
-  width: 157px;
-  height: 120px;
-  margin: 1rem auto;
-}
-
-.text {
-  margin: 0 auto;
-}
-
 @keyframes pulse {
   0% {
     box-shadow: 0 0 0 0 rgba(39, 174, 96, 0.4);
   }
-
   70% {
     box-shadow: 0 0 0 10px rgba(39, 174, 96, 0);
   }
-
   100% {
     box-shadow: 0 0 0 0 rgba(39, 174, 96, 0);
   }
@@ -146,7 +126,6 @@
   0% {
     width: 0%;
   }
-
   100% {
     width: 100%;
   }

diff --git a/src/components/ScheduleProgress.tsx b/src/components/ScheduleProgress.tsx
@@ -120,35 +120,33 @@ const ScheduleProgress = ({ schedule }: ScheduleProgressProps) => {
         </p>
         <p className="text-secondary text-small">{t('scheduler.progress_description')}</p>
       </div>
-      <div className={styles['jamPot-container']}>
-        <Sprite symbol="jampot" width={156} />
+      <div className="d-flex justify-content-center">
+        <Sprite symbol="jampot" width="180" />
       </div>
 
-      <div className={[styles.text, 'text-secondary'].join(' ')}>
+      <div className="d-flex justify-content-center text-secondary">
         <div>
           {steps.completedTxs < steps.txs.length ? (
-            <>
-              <div>
-                <rb.Spinner
-                  as="span"
-                  animation="border"
-                  size="sm"
-                  role="status"
-                  aria-hidden="true"
-                  className="ms-1 me-2"
-                />
-                <Trans
-                  i18nKey="scheduler.progress_current_state"
-                  values={{
-                    current: steps.completedTxs + 1,
-                    total: steps.txs.length,
-                  }}
-                >
-                  Waiting for transaction <strong>current</strong> of
-                  <strong>total</strong> to process...
-                </Trans>
-              </div>
-            </>
+            <div>
+              <rb.Spinner
+                as="span"
+                animation="border"
+                size="sm"
+                role="status"
+                aria-hidden="true"
+                className="ms-1 me-2"
+              />
+              <Trans
+                i18nKey="scheduler.progress_current_state"
+                values={{
+                  current: steps.completedTxs + 1,
+                  total: steps.txs.length,
+                }}
+              >
+                Waiting for transaction <strong>current</strong> of
+                <strong>total</strong> to process...
+              </Trans>
+            </div>
           ) : (
             <div>
               <rb.Spinner