diff --git a/src/Components/Counters/ExtraCountersBar.tsx b/src/Components/Counters/ExtraCountersBar.tsx index b26b69d..2d2da25 100644 --- a/src/Components/Counters/ExtraCountersBar.tsx +++ b/src/Components/Counters/ExtraCountersBar.tsx @@ -32,7 +32,7 @@ const ExtraCountersGrid = styled.div<{ rotation: number }>` height: 100%; width: auto; bottom: auto; - right: 0; + right: -6px; `; } }} diff --git a/src/Components/LifeCounter/LifeCounter.tsx b/src/Components/LifeCounter/LifeCounter.tsx index b605ed4..51815b5 100644 --- a/src/Components/LifeCounter/LifeCounter.tsx +++ b/src/Components/LifeCounter/LifeCounter.tsx @@ -210,9 +210,26 @@ const LifeCounter = ({ } }, [showStartingPlayer]); - const size = 30; - const fontSize = `${size}vmin`; - const strokeWidth = `${size / 20}vmin`; + player.settings.rotation === Rotation.SideFlipped || + player.settings.rotation === Rotation.Side; + + const size = + player.settings.rotation === Rotation.SideFlipped || + player.settings.rotation === Rotation.Side + ? 15 + : 30; + + const fontSize = + player.settings.rotation === Rotation.SideFlipped || + player.settings.rotation === Rotation.Side + ? `${size}vmax` + : `${size}vmin`; + + const strokeWidth = + player.settings.rotation === Rotation.SideFlipped || + player.settings.rotation === Rotation.Side + ? `${size / 20}vmax` + : `${size / 20}vmin`; return ( diff --git a/src/Components/PlayerMenu/PlayerMenu.tsx b/src/Components/PlayerMenu/PlayerMenu.tsx index c1c13ff..4436953 100644 --- a/src/Components/PlayerMenu/PlayerMenu.tsx +++ b/src/Components/PlayerMenu/PlayerMenu.tsx @@ -13,6 +13,8 @@ const PlayerMenuWrapper = styled.div<{ width: 100%; height: 100%; background-color: rgba(20, 20, 20, 0.9); + align-items: center; + justify-content: center; z-index: 2; ${(props) => { if ( diff --git a/src/Components/PlayerMenu/Settings.tsx b/src/Components/PlayerMenu/Settings.tsx index 77e1bd3..f562287 100644 --- a/src/Components/PlayerMenu/Settings.tsx +++ b/src/Components/PlayerMenu/Settings.tsx @@ -16,12 +16,10 @@ const SettingsContainer = styled.div<{ }>` display: flex; flex-direction: row; - flex-wrap: wrap; justify-content: space-evenly; align-items: center; - gap: 2vmin; height: 100%; - width: 100%; + width: 80%; ${(props) => { if ( props.rotation === Rotation.SideFlipped || @@ -29,6 +27,8 @@ const SettingsContainer = styled.div<{ ) { return css` flex-direction: column-reverse; + height: 100%; + width: 100%; /* padding-top: 36px; */ `; } else { @@ -200,18 +200,18 @@ const Settings = ({ player, onChange, resetCurrentGame }: SettingsProps) => { checked={player.settings.usePartner} icon={ } checkedIcon={ } onChange={handleSettingsChange} @@ -225,18 +225,18 @@ const Settings = ({ player, onChange, resetCurrentGame }: SettingsProps) => { checked={player.settings.usePoison} icon={ } checkedIcon={ } onChange={handleSettingsChange} @@ -249,18 +249,18 @@ const Settings = ({ player, onChange, resetCurrentGame }: SettingsProps) => { checked={player.settings.useEnergy} icon={ } checkedIcon={ } onChange={handleSettingsChange} @@ -273,18 +273,18 @@ const Settings = ({ player, onChange, resetCurrentGame }: SettingsProps) => { checked={player.settings.useExperience} icon={ } checkedIcon={ } onChange={handleSettingsChange} diff --git a/src/Icons/generated/CommanderTax.tsx b/src/Icons/generated/CommanderTax.tsx index 70d7afd..cd04561 100644 --- a/src/Icons/generated/CommanderTax.tsx +++ b/src/Icons/generated/CommanderTax.tsx @@ -13,16 +13,16 @@ const CommanderTax = ({ return ( {title ? {title} : null} - + ); }; diff --git a/src/Icons/generated/PartnerTax.tsx b/src/Icons/generated/PartnerTax.tsx index 3c5c6bb..530242d 100644 --- a/src/Icons/generated/PartnerTax.tsx +++ b/src/Icons/generated/PartnerTax.tsx @@ -13,18 +13,16 @@ const PartnerTax = ({ return ( {title ? {title} : null} - - - + ); }; diff --git a/src/Icons/generated/Poison.tsx b/src/Icons/generated/Poison.tsx index 3a043c6..63a2a18 100644 --- a/src/Icons/generated/Poison.tsx +++ b/src/Icons/generated/Poison.tsx @@ -13,16 +13,17 @@ const Poison = ({ return ( {title ? {title} : null} - + ); }; diff --git a/src/Icons/svgs/CommanderTax.svg b/src/Icons/svgs/CommanderTax.svg index bda0ae3..1c957fd 100644 --- a/src/Icons/svgs/CommanderTax.svg +++ b/src/Icons/svgs/CommanderTax.svg @@ -1,19 +1,26 @@ - - CommanderTaxIcon - - - \ No newline at end of file + + + + + + \ No newline at end of file diff --git a/src/Icons/svgs/PartnerTax.svg b/src/Icons/svgs/PartnerTax.svg index df62b86..72e87d8 100644 --- a/src/Icons/svgs/PartnerTax.svg +++ b/src/Icons/svgs/PartnerTax.svg @@ -1,34 +1,37 @@ - - - - - - - - \ No newline at end of file + + + + + + \ No newline at end of file diff --git a/src/Icons/svgs/Poison.svg b/src/Icons/svgs/Poison.svg index 9bf30a7..71b77b7 100644 --- a/src/Icons/svgs/Poison.svg +++ b/src/Icons/svgs/Poison.svg @@ -1,11 +1,17 @@ - - - - - \ No newline at end of file + + + + + + \ No newline at end of file