diff --git a/src/Components/LifeCounter/LifeCounter.tsx b/src/Components/LifeCounter/LifeCounter.tsx index 4c2787d..1cf9888 100644 --- a/src/Components/LifeCounter/LifeCounter.tsx +++ b/src/Components/LifeCounter/LifeCounter.tsx @@ -30,7 +30,7 @@ const PlayerLostWrapper = twc.div((props) => [ : '', ]); -const DynamicText = twc.div`text-[8vmin]`; +const DynamicText = twc.div`text-[8vmin] whitespace-nowrap`; const hasCommanderDamageReached21 = (player: Player) => { const commanderDamageTotals = player.commanderDamage.map( @@ -131,7 +131,11 @@ const LifeCounter = ({ player, opponents }: LifeCounterProps) => { - + You start! diff --git a/src/Components/Misc/Separator.tsx b/src/Components/Misc/Separator.tsx index 949c1a6..afd5351 100644 --- a/src/Components/Misc/Separator.tsx +++ b/src/Components/Misc/Separator.tsx @@ -7,7 +7,7 @@ export const Separator = ({ }) => { return (
); diff --git a/tailwind.config.ts b/tailwind.config.ts index 6dcf605..9ff5db4 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -39,14 +39,15 @@ export default { }, colors: { primary: { - main: '#7F9172', - dark: '#57654F', + main: '#3E7D78', + dark: '#2D5F5B', }, secondary: { - main: '#5E714C', + main: '#284F4C', + dark: '#1B3B38', }, background: { - default: '#495E35', + default: '#08253B', backdrop: 'rgba(0, 0, 0, 0.3)', settings: 'rgba(20, 20, 0, 0.9)', }, @@ -95,3 +96,4 @@ export default { }, plugins: [tailwindcssGridAreas], } satisfies Config; +// #98FF98