add max width

This commit is contained in:
vcoppe
2024-07-05 16:38:46 +02:00
parent cb735db216
commit 2b46d9c8d6
2 changed files with 32 additions and 26 deletions

View File

@@ -1,3 +1,3 @@
# Advanced file processing tools # Advanced file processing
A suite of tools for performing all common file processing tasks, and which can be applied to multiple files at once. A suite of tools for performing all common file processing tasks, and which can be applied to multiple files at once.

View File

@@ -165,31 +165,37 @@
class="absolute top-0 left-0 w-full h-full bg-gradient-to-b from-background via-transparent to-background" class="absolute top-0 left-0 w-full h-full bg-gradient-to-b from-background via-transparent to-background"
/> />
</div> </div>
<div class="px-12 flex flex-col items-center gap-6"> <div class="px-12 flex flex-col items-center">
<DocsLoader path="about/funding.md" /> <div class="max-w-5xl flex flex-col items-center gap-6">
<Button <DocsLoader path="about/funding.md" />
href="https://ko-fi.com/gpxstudio" <Button
target="_blank" href="https://ko-fi.com/gpxstudio"
class="w-1/3 min-w-fit bg-support text-base" target="_blank"
> class="w-1/3 min-w-fit bg-support text-base"
<Heart size="16" class="mr-1" fill="rgb(var(--support))" /> >
<span>{$_('homepage.support_button')}</span> <Heart size="16" class="mr-1" fill="rgb(var(--support))" />
</Button> <span>{$_('homepage.support_button')}</span>
</div> </Button>
<div class="px-12"> </div>
<DocsLoader path="about/translation.md" /> </div>
</div> <div class="px-12 flex flex-col items-center">
<div <div class="max-w-5xl">
class="mx-24 flex flex-col md:flex-row items-center justify-center gap-x-12 gap-y-6 p-6 border rounded-md shadow-xl" <DocsLoader path="about/translation.md" />
> </div>
<div class="shrink-0 flex flex-col sm:flex-row md:flex-col items-center gap-x-4 gap-y-2"> </div>
<div class="text-lg font-semibold text-muted-foreground"> <div class="px-24 flex flex-col items-center">
❤️ {$_('homepage.supported_by')} <div
</div> class="max-w-5xl flex flex-col md:flex-row items-center justify-center gap-x-12 gap-y-6 p-6 border rounded-2xl shadow-xl"
<a href="https://www.mapbox.com/" target="_blank"> >
<Logo company="mapbox" class="w-60" /> <div class="shrink-0 flex flex-col sm:flex-row md:flex-col items-center gap-x-4 gap-y-2">
</a> <div class="text-lg font-semibold text-muted-foreground">
❤️ {$_('homepage.supported_by')}
</div>
<a href="https://www.mapbox.com/" target="_blank">
<Logo company="mapbox" class="w-60" />
</a>
</div>
<DocsLoader path="about/mapbox.md" />
</div> </div>
<DocsLoader path="about/mapbox.md" />
</div> </div>
</div> </div>