Update field timer

the-orange-alliance · Oct 5, 2023 · 047bf76 · 047bf76
1 parent 09956d2
commit 047bf76
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 10 deletions.
diff --git a/front-end/src/apps/AudienceDisplay/displays/fgc_2023/MatchPlayTimer/MatchPlayTimer.tsx b/front-end/src/apps/AudienceDisplay/displays/fgc_2023/MatchPlayTimer/MatchPlayTimer.tsx
@@ -84,7 +84,7 @@ const MatchPlayTimer: FC = () => {
   return (
     <div id='fgc-body' style={{ backgroundImage: `url(${FGC_BG})` }}>
       <div id='timer-info'>
-        <div id='timer-info-left'>
+        {/* <div id='timer-info-left'>
           <div className='timer-info-left center'>
             <span>MATCH</span>
           </div>
@@ -99,7 +99,9 @@ const MatchPlayTimer: FC = () => {
           <div className='timer-info-right center'>
             <span>{match?.fieldNumber}</span>
           </div>
-        </div>
+        </div> */}
+        <div className='timer-info-left'>{match?.name}</div>
+        <div className='timer-info-right'>Field {match?.fieldNumber}</div>
       </div>
 
       <div id={'fgc-timer-container'}>

diff --git a/front-end/src/apps/AudienceDisplay/displays/fgc_2023/MatchPlayTimer/MatchTimer.css b/front-end/src/apps/AudienceDisplay/displays/fgc_2023/MatchPlayTimer/MatchTimer.css
@@ -15,6 +15,9 @@
   display: flex;
   justify-content: space-between;
   align-content: center;
+  align-items: center;
+  background-color: #ffffff;
+  border-radius: 15px;
 }
 
 #timer-info-left {
@@ -56,23 +59,19 @@
 }
 
 .timer-info-left {
-  background-color: #cacaca;
-  width: 60%;
-  height: 100%;
   font-family: Roboto, sans-serif;
   font-weight: bold;
-  font-size: 2rem;
+  font-size: 3vw;
   padding: 5px;
+  margin-left: 10%;
 }
 
 .timer-info-right {
-  background-color: #ffffff;
-  width: 40%;
-  height: 100%;
   font-family: Roboto, sans-serif;
   font-weight: bold;
-  font-size: 1.75rem;
+  font-size: 3vw;
   padding: 5px;
+  margin-right: 10%;
 }
 
 #fgc-timer-top {