better progress bar (#58)

HackDavis · May 21, 2023 · c87bfa5 · c87bfa5
1 parent b917be6
commit c87bfa5
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 9 deletions.
diff --git a/src/components/doe/progressBar.tsx b/src/components/doe/progressBar.tsx
@@ -25,10 +25,7 @@ const ProgressBar = () => {
 
   return (
     <div className={styles.container}>
-      <MiniTruck
-        style={{ left: `calc(${progress}% - ${progress * 1.15}px)` }}
-        // style={{ left: `calc(${progress}% - 32%)` }}
-      />
+      <MiniTruck style={{ left: `calc(${progress}% - 26%)` }} />
       <div className={styles.flag}>
         <FlagPole />
         <Flag style={{ bottom: `calc(${progress * 0.52}% + 13%)` }} />

diff --git a/src/styles/doe/progressBar.module.scss b/src/styles/doe/progressBar.module.scss
@@ -11,13 +11,9 @@
   margin: auto;
 
   > svg {
-    width: 80px;
+    width: 21%;
     height: auto;
     position: relative;
-
-    @include lg {
-      width: 121px;
-    }
   }
 
   @include lg {