From 56803dd8c691ebfec1b8c7a4e6b199dc6b1d2b07 Mon Sep 17 00:00:00 2001 From: mindxploit Date: Thu, 31 Oct 2024 21:55:24 +0100 Subject: [PATCH] addUnit fix --- app/src/components/Army.tsx | 2 +- app/src/styles/Background.module.css | 8 +++++++- 2 files changed, 8 insertions(+), 2 deletions(-) diff --git a/app/src/components/Army.tsx b/app/src/components/Army.tsx index 54b278a..9989226 100644 --- a/app/src/components/Army.tsx +++ b/app/src/components/Army.tsx @@ -102,7 +102,7 @@ const Unit = ({ }, [unitLevel, unitType]); return (
addUnit(unitType, 10)} + onClick={() => addUnit(unitType)} className={`${styles.armyUnit} ${ canPurchase ? "" : styles.isUnavailable }`} diff --git a/app/src/styles/Background.module.css b/app/src/styles/Background.module.css index 2190015..7292ee0 100644 --- a/app/src/styles/Background.module.css +++ b/app/src/styles/Background.module.css @@ -44,7 +44,7 @@ thunder 4s linear infinite; } .clouds_small { - top: 270px; + top: 285px; height: 82px; background-image: url("/background/clouds_small.png"); animation: @@ -60,6 +60,9 @@ top: 130px; right: 10px; left: auto; + @media only screen and (max-width: 600px) { + right: -20px; + } animation: thunder_hue_hard 12s linear infinite; transition: all 0.1s cubic-bezier(0.265, 1.4, 0.68, 1.65); transform-origin: bottom center; @@ -119,6 +122,9 @@ height: 372px; top: 90px; left: -10px; + @media only screen and (max-width: 600px) { + left: -80px; + } animation: thunder_hue_hard 12s linear infinite; transition: all 0.1s cubic-bezier(0.265, 1.4, 0.68, 1.65); transform-origin: bottom center;