arthur/artapi
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/artapi.git synced 2026-01-14 16:44:23 +01:00
Code Issues 3 Packages Projects Releases Wiki Activity

refactor: améliorer la mise en page et la structure des composants sur la page d'accueil

Browse Source
This commit is contained in:
Arthur Danjou
2025-12-19 17:02:19 +01:00
parent d5955d3824
commit 66bec24839
1 changed files with 5 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
app/pages/index.vue
View File

@@ -111,7 +111,7 @@ const resources = [
</p> </p>
</div> </div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> <div class="flex flex-wrap justify-center gap-6">
<UCard <UCard
v-for="feature in features" v-for="feature in features"
:key="feature.title" :key="feature.title"
@@ -119,6 +119,7 @@ const resources = [
body: 'p-6' body: 'p-6'
}" }"
variant="subtle" variant="subtle"
class="w-full md:w-[calc(50%-12px)] lg:w-[calc(50%-12px)]"
> >
<div class="flex flex-col items-start gap-4"> <div class="flex flex-col items-start gap-4">
<div class="p-3 rounded-lg bg-primary/10"> <div class="p-3 rounded-lg bg-primary/10">
@@ -177,15 +178,15 @@ const resources = [
</UContainer> </UContainer>
<!-- Getting Started --> <!-- Getting Started -->
<UContainer class="py-16"> <UContainer class="py-16 w-full sm:w-3/4 lg:w-1/2 mx-auto">
<UCard <UCard
:ui="{ :ui="{
body: 'p-8 sm:p-12' body: 'p-8 sm:p-12'
}" }"
variant="outline" variant="outline"
> >
<div class="grid md:grid-cols-2 gap-8"> <div class="flex gap-8">
<div> <div class="w-full">
<h3 class="text-2xl font-bold text-gray-900 dark:text-white mb-4"> <h3 class="text-2xl font-bold text-gray-900 dark:text-white mb-4">
For Developers (REST API) For Developers (REST API)
</h3> </h3>
@@ -216,18 +217,7 @@ curl https://api.arthurdanjou.fr/api/skills</code>
<h2 class="text-3xl font-bold text-gray-900 dark:text-white mb-4"> <h2 class="text-3xl font-bold text-gray-900 dark:text-white mb-4">
Ready to Get Started? Ready to Get Started?
</h2> </h2>
<p class="text-lg text-gray-600 dark:text-gray-400 mb-8">
Explore the full documentation or try the API now
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center"> <div class="flex flex-col sm:flex-row gap-4 justify-center">
<UButton
to="/docs"
size="xl"
icon="i-heroicons-arrow-right"
trailing
>
Read Documentation
</UButton>
<UButton <UButton
to="/api/profile" to="/api/profile"
target="_blank" target="_blank"