Update action modal styles

aukus-devs · Oct 5, 2024 · 2f38e81 · 2f38e81
1 parent fac7e14
commit 2f38e81
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git a/src/App.css b/src/App.css
@@ -99,6 +99,7 @@ div.MuiAutocomplete-inputRoot > input {
   padding-bottom: 10px !important;
   padding-left: 14px !important;
   font-size: 16px !important;
+  font-weight: 500 !important;
 }
 
 span.MuiRating-root {
@@ -109,6 +110,10 @@ div.MuiAutocomplete-root {
   border: none !important;
 }
 
+ul.MuiAutocomplete-listbox {
+  font-weight: 500;
+}
+
 div.Mui-focused {
   border: 2px solid #007aff;
 }

diff --git a/src/pages/map/components/TurnModal.tsx b/src/pages/map/components/TurnModal.tsx
@@ -240,7 +240,7 @@ export default function TurnModal({ open, onClose, onConfirm, player }: Props) {
             onChange={handleMoveTypeChange}
             value={moveType ? moveType : ''}
             IconComponent={KeyboardArrowDownSharp}
-            sx={{ fontSize: '16px' }}
+            sx={{ fontSize: '16px', fontWeight: 500 }}
             MenuProps={{
               sx: {
                 '&& .Mui-selected': { backgroundColor: selectedItemColor },
@@ -360,7 +360,7 @@ export default function TurnModal({ open, onClose, onConfirm, player }: Props) {
             Оценка: {displayRating}
           </span>
           <NumRating
-            precision={0.1}
+            precision={0.2}
             max={10}
             sx={{ marginLeft: '0px' }}
             onChange={handleRatingChange}
@@ -379,6 +379,7 @@ export default function TurnModal({ open, onClose, onConfirm, player }: Props) {
                 paddingBottom: '10px',
                 lineHeight: '1.2',
                 fontSize: '16px',
+                fontWeight: 500,
               },
             }}
             multiline
@@ -456,6 +457,7 @@ function getDiceType({
 
 const MenuItemStyled = styled(MenuItem)(({ color }) => ({
   fontSize: '16px',
+  fontWeight: 500,
   ':hover': {
     backgroundColor: `${color} !important`,
   },

diff --git a/src/pages/stats/components/Leaderboard.tsx b/src/pages/stats/components/Leaderboard.tsx
@@ -13,7 +13,7 @@ import LinkSpan from 'components/LinkSpan'
 import { useState } from 'react'
 import { Link } from 'react-router-dom'
 import { fetchPlayers, fetchStats } from 'utils/api'
-import { getPlayerColor, Player, PlayerStats } from 'utils/types'
+import { Color, getPlayerColor, Player, PlayerStats } from 'utils/types'
 
 export default function Leaderboard() {
   const [fetchStart] = useState(Date.now())
@@ -51,9 +51,7 @@ export default function Leaderboard() {
     (a, b) => b.map_position - a.map_position
   )
 
-  const leader = playersStatsByPosition[0]
-  const leaderPlayer = playersById[leader.id]
-  const leaderColor = getPlayerColor(leaderPlayer.url_handle)
+  const leaderColor = Color.blue
 
   return (
     <Box>