Make a proper prize display

Author: duncte123

src/extension/util/helpers.ts

@@ -84,7 +84,7 @@ export function formatSrcomPronouns(pronouns?: string): string | undefined {
  */
 export function formatUSD(amount: number, noCents = false): string {
   if (amount >= 100 || noCents) {
-    return `$${Math.floor(amount).toLocaleString('en-US', { maximumFractionDigits: 0 })}`;
+    return `€${Math.floor(amount).toLocaleString('en-US', { maximumFractionDigits: 0 })}`;
   }
-  return `$${amount.toFixed(2)}`;
+  return `€${amount.toFixed(2)}`;
 }

src/graphics/_misc/common.css

@@ -4,7 +4,7 @@
 @import url('../_misc/fonts/montserrat.css');
 
  body {
-  font-family: 'Goodlight', sans-serif;
+  font-family: 'Bahnschrift', sans-serif;
   font-weight: 600;
   /*color: var(--font-colour);*/
   /* text-shadow: 2px 2px 2px black; */

zoton_shared/browser_shared/helpers.ts

@@ -24,5 +24,5 @@ export function msToTimeStr(ms: number): string {
  * @param amount Amount as a integer/float.
  */
 export function formatUSD(amount: number): string {
-  return `$${amount.toFixed(2)}`;
+  return `€${amount.toFixed(2)}`;
 }

zoton_shared/graphics/mediabox/components/Prize.vue

@@ -4,7 +4,7 @@
     v-show="prize"
     :class="vertical ? 'FlexColumn' : 'Flex'"
     :style="{
-      'font-size': '0.8em', // move to prop?
+      'font-size': '1em', // move to prop?
       padding: '10px',
       'box-sizing': 'border-box',
       'text-align': 'center',
@@ -13,7 +13,7 @@
     <img
       :src="prize.image"
       :style="{
-        height: vertical ? '50%' : '65%',
+        height: vertical ? '80%' : '100%',
         'object-fit': 'contain',
         'max-height': '350px',
         'margin-left': vertical ? 0 : '20px',

zoton_shared/graphics/mediabox/components/PrizeGeneric.vue

@@ -4,7 +4,7 @@
     v-show="prize"
     :class="vertical ? 'FlexColumn' : 'Flex'"
     :style="{
-      'font-size': '0.8em', // move to prop?
+      'font-size': '1em', // move to prop?
       padding: '10px',
       'box-sizing': 'border-box',
       'text-align': 'center',
@@ -21,7 +21,7 @@
       }"
     >
     <div :style="{ 'margin-left': vertical ? 0 : '20px' }">
-      <!--<div
+      <div
         :style="{
           'font-size': '0.7em',
           color: 'white', // move to theme!
@@ -31,7 +31,7 @@
       </div>
       <div :style="{ 'font-size': '1em' }">
         {{ prize.name }}?
-      </div>-->
+      </div>
       <div
         :style="{
           'font-size': '1em',