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

refactor(ui) : improve styling, layout and responsive across all components

Browse Source 
Rework CSS theme (app.css), navbar layout, dashboard page, machine detail,
catalog pages, and various form/display components for better consistency
and mobile responsiveness.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
THOLOT DECHENE Matthieu
2026-03-09 00:14:32 +01:00
parent 6b5eb7bcd6
commit 5b9c4ca09d
38 changed files with 522 additions and 569 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/machine/MachineComponentsCard.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="card bg-base-100 shadow-lg">
<div class="card bg-base-100 shadow-sm">
<div class="card-body">
<div class="flex justify-between items-center mb-4">
<h2 class="card-title">Composants</h2>

2
app/components/machine/MachineDocumentsCard.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="card bg-base-100 shadow-lg mt-6">
<div class="card bg-base-100 shadow-sm mt-6">
<div class="card-body space-y-4">
<div class="flex items-center justify-between">
<div>

10
app/components/machine/MachineInfoCard.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="card bg-base-100 shadow-lg">
<div class="card bg-base-100 shadow-sm">
<div class="card-body">
<h2 class="card-title">Informations de la machine</h2>
<h2 class="card-title tracking-tight">Informations de la machine</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="form-control">
<label class="label">
@@ -59,7 +59,7 @@
<span class="font-medium">{{ constructeur.name }}</span>
<span
v-if="formatConstructeurContactSummary(constructeur)"
class="text-xs text-gray-500"
class="text-xs text-base-content/50"
>
{{ formatConstructeurContactSummary(constructeur) }}
</span>
@@ -71,8 +71,8 @@
</div>
<!-- Champs personnalisés -->
<div v-if="visibleCustomFields.length" class="mt-6 pt-4 border-t border-gray-200">
<h4 class="font-semibold text-gray-700 mb-3">Champs personnalisés de la machine</h4>
<div v-if="visibleCustomFields.length" class="mt-6 pt-4 border-t border-base-200">
<h4 class="font-semibold text-base-content/80 mb-3">Champs personnalisés de la machine</h4>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div
v-for="field in visibleCustomFields"

2
app/components/machine/MachinePiecesCard.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="card bg-base-100 shadow-lg">
<div class="card bg-base-100 shadow-sm">
<div class="card-body">
<div class="flex justify-between items-center mb-4">
<h2 class="card-title">Pièces de la machine</h2>

2
app/components/machine/MachineProductsCard.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="card bg-base-100 shadow-lg">
<div class="card bg-base-100 shadow-sm">
<div class="card-body space-y-4">
<DocumentPreviewModal
:document="previewDocument"