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) => ( features.map((feature, i) => (
<div <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 }} 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> <h3 class="text-xl mb-4 underline">{feature.name}</h3>
<ol class="list-disc space-y-2 ml-3"> <ol class="list-disc space-y-2 ml-3">
{feature.details.map((detail) => ( {feature.details.map((detail) => (
@@ -102,7 +102,7 @@ sind aber weiterhin geschützt. Aktivieren kannst du den Modus mit <code>/pvp</c
))} ))}
</ol> </ol>
</div> </div>
<div class="w-1/2"> <div class="md:w-1/2">
<ImageCarousel client:idle /> <ImageCarousel client:idle />
</div> </div>
</div> </div>