Merge pull request #285 from moonstream-to/join-from-demo-fix

fixing wrong css class
moonstream-to · May 29, 2024 · afe9795 · afe9795
2 parents e71f1b3 + 9069ea2
commit afe9795
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 1 deletion.
diff --git a/web/src/components/atbat/AtBatView.module.css b/web/src/components/atbat/AtBatView.module.css
@@ -150,6 +150,34 @@
     gap: 10px;
 }
 
+.joinButton {
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    transform: translateY(-92px) translateX(-50%);
+
+    color: #FFF;
+    text-align: center;
+    font-family: Bangers, cursive;
+    font-size: 18px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 100%; /* 18px */
+    letter-spacing: 0.9px;
+
+    cursor: pointer;
+    z-index: 4;
+    display: flex;
+    width: 26.96vh;
+    padding: 10px 20px;
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
+
+    border: 1px solid #262019;
+    background: #328449;
+}
+
 .playerView {
     display: flex;
     flex-grow: 2;

diff --git a/web/src/components/atbat/AtBatView2.tsx b/web/src/components/atbat/AtBatView2.tsx
@@ -105,7 +105,7 @@ const AtBatView2: React.FC = () => {
           />
           {atBat && showPitchOutcome && atBat.outcome !== 0 && atBat.pitches.length > 0 && (
             <div
-              className={styles.homeButton}
+              className={styles.joinButton}
               onClick={() => {
                 playSound("homeButton");
                 updateContext({ isLaunching: false });