Made pages more visually coherent and simplified css a bit more. Also

added border to plants that indicate the growth time.
This commit is contained in:
sarah committed 2026-09-01 18:47:55 +02:00
1 parent 40db65d955
commit 624b933347
8 files changed
+152 -272

No files matched your search

+6 -6
View File
@@ -17,7 +17,7 @@ $PageSection = "Garden";
<main class="MainContainer">
<h1>Garden</h1>
<div class="GardenStatus">
<div class="StatusPanel">
<strong>Dew:</strong>
<span id="DewAmount">0</span>
<br>
@@ -37,7 +37,7 @@ $PageSection = "Garden";
<section
id="Seeds"
class="SeedPanel"
class="Panel SeedPanel"
>
<h2>Seeds</h2>
@@ -53,7 +53,7 @@ $PageSection = "Garden";
<div class="ToolList">
<button
id="ShovelToolButton"
class="ToolButton ToolButtonShovel"
class="ActionButton ToolButton ToolButtonShovel"
type="button"
>
Shovel
@@ -62,13 +62,13 @@ $PageSection = "Garden";
</section>
</div>
<p id="GardenMessage">
<p id="GardenMessage" class="PageMessage">
Select a seed, then choose an empty plot.
</p>
<section
id="Player"
class="GardenUser"
class="Panel GardenUser"
>
<h2>Player</h2>
@@ -103,7 +103,7 @@ $PageSection = "Garden";
<section
id="Leaderboard"
class="Leaderboard"
class="Panel Leaderboard"
>
<h2>Leaderboard</h2>
+3 -3
View File
@@ -142,7 +142,7 @@ $PageSection = "Guide";
aria-label="Red Rose, empty plot, Blue Rose"
>
<div
class="GuideRecipeCell GuideRecipePlant"
class="PlantTile GuideRecipeCell GuideRecipePlant"
data-plant-key="RedRose"
>
<span class="GuideRecipeLabel">
@@ -151,13 +151,13 @@ $PageSection = "Guide";
</div>
<div
class="GuideRecipeCell GuideRecipeEmpty"
class="PlantTile GuideRecipeCell GuideRecipeEmpty"
>
<span>Empty</span>
</div>
<div
class="GuideRecipeCell GuideRecipePlant"
class="PlantTile GuideRecipeCell GuideRecipePlant"
data-plant-key="BlueRose"
>
<span class="GuideRecipeLabel">
+4 -4
View File
@@ -25,7 +25,7 @@ $PageTitle = "Profile";
<section
id="Player"
class="ProfileSection"
class="Panel ProfileSection"
>
<h2>Player</h2>
@@ -101,7 +101,7 @@ $PageTitle = "Profile";
<section
id="Statistics"
class="ProfileSection"
class="Panel ProfileSection"
>
<h3>Statistics</h3>
@@ -161,7 +161,7 @@ $PageTitle = "Profile";
<section
id="Account"
class="ProfileSection"
class="Panel ProfileSection"
>
<h2>Account</h2>
@@ -228,7 +228,7 @@ $PageTitle = "Profile";
<section
id="Import"
class="ProfileSection"
class="Panel ProfileSection"
>
<h3>Import Account</h3>
+2 -2
View File
@@ -17,7 +17,7 @@ $PageSection = "Shop";
<main class="MainContainer">
<h1>Garden shop</h1>
<div class="ShopStatus">
<div class="StatusPanel">
<strong>Dew:</strong>
<span id="ShopDewAmount">0</span>
</div>
@@ -52,7 +52,7 @@ $PageSection = "Shop";
></div>
</section>
<p id="ShopMessage">
<p id="ShopMessage" class="PageMessage">
Choose a seed to buy.
</p>
</main>