CraftAttack/website
4
0
Fork 0
Code Issues 2 Pull Requests Actions Activity

update features mobile layout
All checks were successful
deploy / build-and-deploy (push) Successful in 21s
Details

Browse Source
This commit is contained in:
Ruben Otto
2025-11-23 19:32:55 +01:00
parent f39582ebb0
commit da387c076f
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/features.astro
View File

@@ -91,10 +91,10 @@ sind aber weiterhin geschützt. Aktivieren kannst du den Modus mit <code>/pvp</c
{
features.map((feature, i) => (
<div
class="flex flex-col md:gap-x-6 lg:gap-x-18 xl:gap-x-26 2xl:gap-x-36"
class="flex flex-col gap-y-3 sm:gap-y-6 md:gap-x-6 lg:gap-x-18 xl:gap-x-26 2xl:gap-x-36"
class:list={{ 'md:flex-row': i % 2 == 0, 'md:flex-row-reverse': i % 2 != 0 }}
>
<div class="w-1/2">
<div class="md:w-1/2">
<h3 class="text-xl mb-4 underline">{feature.name}</h3>
<ol class="list-disc space-y-2 ml-3">
{feature.details.map((detail) => (
@@ -102,7 +102,7 @@ sind aber weiterhin geschützt. Aktivieren kannst du den Modus mit <code>/pvp</c
))}
</ol>
</div>
<div class="w-1/2">
<div class="md:w-1/2">
<ImageCarousel client:idle />
</div>
</div>