From 5a792463ccc93cd52e63708bc8b6a03d84d3eeae Mon Sep 17 00:00:00 2001 From: Peter <42907716+MrShack@users.noreply.github.com> Date: Mon, 14 Jul 2025 22:49:22 +0200 Subject: [PATCH] Update responsive styles and class names for consistency Refactored multiple components to improve responsive design, ensuring better usability on smaller screens. Standardized class names for clarity and consistency, and adjusted layouts and styles to enhance overall alignment and accessibility. --- .../features/claiming/claiming.component.html | 4 +- .../features/claiming/claiming.component.scss | 7 ++++ .../customfeatures.component.html | 3 +- .../customfeatures.component.scss | 6 +++ .../features/economy/economy.component.html | 2 +- .../features/economy/economy.component.scss | 16 ++++++++ .../app/pages/features/map/map.component.scss | 10 +++++ .../pages/features/mypet/mypet.component.html | 4 +- .../pages/features/mypet/mypet.component.scss | 6 +++ .../pages/features/warps/warps.component.html | 14 +++---- .../pages/features/warps/warps.component.scss | 10 +++++ .../pages/footer/footer/footer.component.html | 2 +- .../pages/footer/footer/footer.component.scss | 37 +++++++++++++++++++ .../src/app/pages/home/home.component.html | 4 +- .../src/app/pages/home/home.component.scss | 10 ++--- .../pages/reference/lag/lag.component.html | 2 +- .../pages/reference/lag/lag.component.scss | 11 ++++++ .../reference/mapart/mapart.component.html | 12 ++++-- .../reference/mapart/mapart.component.scss | 13 +++++++ .../nicknames/nicknames.component.html | 11 ++++-- .../nicknames/nicknames.component.scss | 9 +++++ .../reference/rules/rules.component.html | 2 +- .../reference/rules/rules.component.scss | 8 ++-- frontend/src/styles.scss | 29 ++++++++++++++- 24 files changed, 190 insertions(+), 42 deletions(-) diff --git a/frontend/src/app/pages/features/claiming/claiming.component.html b/frontend/src/app/pages/features/claiming/claiming.component.html index 9ac84ea..e31c4b8 100644 --- a/frontend/src/app/pages/features/claiming/claiming.component.html +++ b/frontend/src/app/pages/features/claiming/claiming.component.html @@ -19,8 +19,8 @@
To claim land, you will need some basic tools: a golden shovel, and a stick. You can craft these items yourself or do /claim to receive them for free. The shovel is used for modifying claims and the stick is used for viewing claim information.
-Players start with an allowance of 500 “claim blocks” and can purchase additional “claim blocks” with
in-game currency using /buyclaimblocks. How
many claims you can create depends on the rank you have - the amount can be found on the
Grindstones can strip shulker box & beehive NBT data Sneak click mending /iwanttobreakthisblock, required to break some natural generated blocks /sneakclickmending, allows you to mend your items by right clicking while sneaking Swift Sneak enchantment can be found in villager trades Nether portals can be as small as 1x2 (1x2 portal, 3x4 base) Lootchests refill once for every player Empty maps can be duplicated using paper in a cartography table Eating glowberries gives you a glowing effect Eating glow berries gives you a glowing effectMiscellaneous
All warps are separated into categories so it's easy to find the category of warp you're looking for.
-You need to be the owner of the claim your warp is placed in. It should look good, and be as finished as your warp type allows you to have it. Safety is an important aspect as well, visitors should not be @@ -207,10 +205,8 @@ warp, just do /warps and click on the chest labeled "My Warps" in the bottom left corner.
-Maintaining a warp also involves making sure it looks nice, shops are well stocked, and, if it's a town, open plots are always available for residents to move in. Make sure you keep up on maintaining your warp or it could be deleted! If a warp is deleted by a staff member you will not receive a refund for the diff --git a/frontend/src/app/pages/features/warps/warps.component.scss b/frontend/src/app/pages/features/warps/warps.component.scss index 0d31102..86e5ea3 100644 --- a/frontend/src/app/pages/features/warps/warps.component.scss +++ b/frontend/src/app/pages/features/warps/warps.component.scss @@ -12,3 +12,13 @@ main li { color: var(--font-color); transition: 0.5s ease; } + +@media (max-width: 690px) { + .guiWarp { + height: 190px; + } + + .editWarp { + height: 130px; + } +} diff --git a/frontend/src/app/pages/footer/footer/footer.component.html b/frontend/src/app/pages/footer/footer/footer.component.html index 9dc4bbf..c5a4a6b 100644 --- a/frontend/src/app/pages/footer/footer/footer.component.html +++ b/frontend/src/app/pages/footer/footer/footer.component.html @@ -3,7 +3,7 @@