add talk step

Mississippi-Labs · Nov 28, 2023 · 95c9559 · 95c9559
1 parent be094c0
commit 95c9559
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/packages/client/src/components/Talk/index.jsx b/packages/client/src/components/Talk/index.jsx
@@ -28,6 +28,7 @@ const Talk = (props) => {
           }
         </div>
         <div className='text' onClick={() => props.onNext()}>
+          <div className='step'>{step} / 10</div>
           <div className='name' style={{marginBottom: '18px'}}>{curPlayer?.name || 'Mistery Duck'}:</div>
           <Typewriter text={text} typingSpeed={30} step={step} />
           <div style={{position: 'absolute', bottom: '18px', right: '18px', fontSize: '12px', color: 'rgba(255, 255, 255, 0.80)'}}>Click any button to continue</div>

diff --git a/packages/client/src/components/Talk/styles.scss b/packages/client/src/components/Talk/styles.scss
@@ -41,6 +41,11 @@
       color: #FFF;
       font-size: 22px;
       font-family: 'MISS';
+      .step {
+        position: absolute;
+        top: -40px;
+        right: 0px;
+      }
     }
   }
 }