fix : panel scrollable plus interface revue
This commit is contained in:
@@ -4,7 +4,7 @@
|
|||||||
<h1 class="text-3xl font-bold uppercase">listes des transporteurs</h1>
|
<h1 class="text-3xl font-bold uppercase">listes des transporteurs</h1>
|
||||||
<button
|
<button
|
||||||
@Click="goToCarrier()"
|
@Click="goToCarrier()"
|
||||||
class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] justify-self-end"
|
class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] "
|
||||||
>Ajouter
|
>Ajouter
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,14 +1,16 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="flex items-center justify-between p-4">
|
<div class="flex items-center justify-between">
|
||||||
<h1 class="text-3xl font-bold uppercase"> Fournisseurs </h1>
|
<h1 class="text-3xl font-bold uppercase"> Fournisseurs </h1>
|
||||||
<NuxtLink to="/admin/supplier"
|
<NuxtLink to="/admin/supplier"
|
||||||
class="flex items-center justify-center uppercase text-xl bg-primary-500 text-white h-[50px] w-[272px]"
|
class="flex items-center justify-center text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]"
|
||||||
>
|
>
|
||||||
Ajouter </NuxtLink>
|
Ajouter
|
||||||
|
</NuxtLink>
|
||||||
</div>
|
</div>
|
||||||
<div class="mt-6 border border-slate-200 mb-16">
|
<div class="mt-6 border border-slate-200 mb-16">
|
||||||
|
<div class="max-h-96 overflow-y-auto">
|
||||||
<div
|
<div
|
||||||
class="grid grid-cols-6 gap-4 bg-slate-100 px-4 py-3 text-sm font-semibold uppercase tracking-wide"
|
class="sticky top-0 z-10 grid grid-cols-6 gap-4 bg-slate-100 px-4 py-3 text-sm font-semibold uppercase tracking-wide"
|
||||||
>
|
>
|
||||||
<div>Nom</div>
|
<div>Nom</div>
|
||||||
<div>Mail</div>
|
<div>Mail</div>
|
||||||
@@ -23,7 +25,7 @@
|
|||||||
<div
|
<div
|
||||||
v-for="addr in supplier.addresses"
|
v-for="addr in supplier.addresses"
|
||||||
:key="addr.id"
|
:key="addr.id"
|
||||||
class="grid grid-cols-6 gap-4 px-4 py-2"
|
class="grid grid-cols-6 hover:bg-slate-50 border-t gap-4 px-4 py-2"
|
||||||
@click="goToSupplier(supplier.id)"
|
@click="goToSupplier(supplier.id)"
|
||||||
>
|
>
|
||||||
<div class="truncate">
|
<div class="truncate">
|
||||||
@@ -46,6 +48,7 @@
|
|||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
|||||||
Reference in New Issue
Block a user