MALIO-DEV/Ferme
4
0
Fork 0
Code Issues Pull Requests 3 Actions Packages Projects Releases 80 Wiki Activity

feat : finalisation de la parti front de la page d'accueil

Browse Source
This commit is contained in:
Sebastien Roy
2026-02-03 15:56:07 +01:00
parent 306b0952d3
commit 1bbbe5bcf4
3 changed files with 81 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/pages/index.vue
View File

@@ -1,19 +1,16 @@
<script setup lang="ts">
</script>
<template>
<div class="grid grid-cols-3 gap-20">
<NuxtLink to="/reception">
<div class="w-[324px] h-[228px] border border-black rounded-md p-6 flex flex-col justify-between">
<div class="flex justify-between">
<div class="rounded-full w-[80px] h-[80px] bg-neutral-400 flex justify-center items-center">
<Icon name="mdi:truck-outline" style="color: black" size="44" />
</div>
<div>
<Icon name="mdi:plus" style="color: black" size="44" />
</div>
</div>
<div class="uppercase font-bold">
<p class="text-3xl">Nouvelle réception</p>
</div>
</div>
</NuxtLink>
<div class="grid grid-cols-3 gap-x-20 gap-y-10 ">
<card-link label="NOUVELLE RÉCEPTION" link="/reception" nomIcone="mdi:truck-outline" />
<card-link label="NOUVELLE EXPÉDITION" link="/" nomIcone="mdi:truck-fast-outline" />
<card-link label="PLAN DE SITE" link="/" nomIcone="mdi:warehouse" />
<card-link label="RÉCEPTIONS EN ATTENTE" link="/" nomIcone="mdi:truck-remove-outline" />
<card-link label="EXPÉDITIONS EN ATTENTE" link="/" nomIcone="mdi:truck-cargo-container" />
<card-link label="CASES" link="/" nomIcone="mdi:cube-outline" />
<card-link label="RÉCEPTIONS FINIES" link="/" nomIcone="mdi:truck-check-outline" />
<card-link label="EXPÉDITIONS FINIES" link="/" nomIcone="mdi:truck-delivery-outline" />
<card-link label="PASSEPORT DU BOVIN" link="/" nomIcone="mdi:cow" />
</div>
</template>