alumnos_ti/LauckCycles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ajuste estilos para que sean consistentes entre paginas.

Browse Source
This commit is contained in:
Coassolo-Lucas
2026-04-20 23:15:42 -03:00
parent 00247399a4
commit 54fd75b120
6 changed files with 179 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/taller/index.blade.php
+65 -38
View File
@@ -10,57 +10,84 @@
<div class="flex w-full justify-end items-end mb-4 gap-x-2">
<a href="{{ route('agenda') }}"
class="px-5 py-2.5 bg-neon-lime text-neutral-900 font-bold rounded-lg hover:bg-[#b3e600] uppercase tracking-wide text-xs flex items-center gap-2">
class="w-full xl:w-auto text-center px-5 py-3 text-sm font-bold text-neon-lime dark:text-neutral-900 bg-neutral-950 dark:bg-neon-lime rounded-lg hover:bg-neutral-900/80 hover:dark:bg-[#b3e600] transition-colors uppercase tracking-wide">
Ver Agenda
</a>
<a href="{{ route('taller.create') }}" class="px-5 py-2.5 bg-neon-lime text-neutral-900 font-bold rounded-lg hover:bg-[#b3e600] uppercase tracking-wide text-xs flex items-center gap-2">
<a href="{{ route('taller.create') }}" class="w-full xl:w-auto text-center px-5 py-3 text-sm font-bold text-neon-lime dark:text-neutral-900 bg-neutral-950 dark:bg-neon-lime rounded-lg hover:bg-neutral-900/80 hover:dark:bg-[#b3e600] transition-colors uppercase tracking-wide">
+ Ingresar Bici
</a>
</div>
<!-- Contenedor -->
<div class="flex flex-col lg:flex-row w-full gap-8 overflow-x-auto pb-4 h-[calc(100vh-250px)]">
<div class="flex-1 min-w-[300px] flex flex-col rounded-xl border transition-colors
bg-stone-100 border-stone-300
dark:bg-neutral-900/50 dark:border-neutral-800">
<!-- COLUMNA 1 -->
<div class="flex-1 min-w-[300px] bg-neutral-900/50 border border-neutral-800 rounded-xl flex flex-col">
<div class="p-4 border-b border-neutral-800 bg-neutral-800/50 rounded-t-xl flex justify-between items-center">
<h3 class="font-bold text-gray-300 uppercase tracking-widest text-xs">🔴 Pendientes / A Revisar</h3>
<span class="bg-neutral-900 text-gray-400 text-xs px-2 py-1 rounded-full">{{ $pending->count() }}</span>
</div>
<div class="p-4 space-y-4 overflow-y-auto flex-1 custom-scrollbar">
@foreach($pending as $job)
<x-taller-card :job="$job" color="red" />
@endforeach
</div>
<div class="p-4 flex justify-between items-center border-b rounded-t-xl
bg-stone-200/50 border-stone-300
dark:bg-neutral-800/50 dark:border-neutral-800">
<h3 class="font-bold uppercase tracking-widest text-xs text-red-600 dark:text-gray-300">
🔴 Pendientes / A Revisar
</h3>
<span class="text-xs px-2 py-1 rounded-full bg-stone-300 text-stone-700 dark:bg-neutral-900 dark:text-gray-400">
{{ $pending->count() }}
</span>
</div>
<!-- COLUMNA 2 -->
<div class="flex-1 min-w-[300px] bg-neutral-900/50 border border-neutral-800 rounded-xl flex flex-col">
<div class="p-4 border-b border-neutral-800 bg-neutral-800/50 rounded-t-xl flex justify-between items-center">
<h3 class="font-bold text-yellow-500 uppercase tracking-widest text-xs">🟡 En Reparación</h3>
<span class="bg-neutral-900 text-gray-400 text-xs px-2 py-1 rounded-full">{{ $inProgress->count() }}</span>
</div>
<div class="p-4 space-y-4 overflow-y-auto flex-1 custom-scrollbar">
@foreach($inProgress as $job)
<x-taller-card :job="$job" color="yellow" />
@endforeach
</div>
<div class="p-4 space-y-4 overflow-y-auto flex-1 custom-scrollbar">
@foreach($pending as $job)
<x-taller-card :job="$job" color="red" />
@endforeach
</div>
<!-- COLUMNA 3 -->
<div class="flex-1 min-w-[300px] bg-neutral-900/50 border border-neutral-800 rounded-xl flex flex-col">
<div class="p-4 border-b border-neutral-800 bg-neutral-800/50 rounded-t-xl flex justify-between items-center">
<h3 class="font-bold text-neon-lime uppercase tracking-widest text-xs">🟢 Listas para Retirar</h3>
<span class="bg-neutral-900 text-gray-400 text-xs px-2 py-1 rounded-full">{{ $ready->count() }}</span>
</div>
<div class="p-4 space-y-4 overflow-y-auto flex-1 custom-scrollbar">
@foreach($ready as $job)
<x-taller-card :job="$job" color="neon" />
@endforeach
</div>
</div>
</div>
<div class="flex-1 min-w-[300px] flex flex-col rounded-xl border transition-colors
bg-stone-100 border-stone-300
dark:bg-neutral-900/50 dark:border-neutral-800">
<div class="p-4 flex justify-between items-center border-b rounded-t-xl
bg-stone-200/50 border-stone-300
dark:bg-neutral-800/50 dark:border-neutral-800">
<h3 class="font-bold uppercase tracking-widest text-xs text-yellow-600 dark:text-yellow-500">
🟡 En Reparación
</h3>
<span class="text-xs px-2 py-1 rounded-full bg-stone-300 text-stone-700 dark:bg-neutral-900 dark:text-gray-400">
{{ $inProgress->count() }}
</span>
</div>
<div class="p-4 space-y-4 overflow-y-auto flex-1 custom-scrollbar">
@foreach($inProgress as $job)
<x-taller-card :job="$job" color="yellow" />
@endforeach
</div>
</div>
<div class="flex-1 min-w-[300px] flex flex-col rounded-xl border transition-colors
bg-stone-100 border-stone-300
dark:bg-neutral-900/50 dark:border-neutral-800">
<div class="p-4 flex justify-between items-center border-b rounded-t-xl
bg-stone-200/50 border-stone-300
dark:bg-neutral-800/50 dark:border-neutral-800">
<h3 class="font-bold uppercase tracking-widest text-xs text-green-600 dark:text-neon-lime">
🟢 Listas para Retirar
</h3>
<span class="text-xs px-2 py-1 rounded-full bg-stone-300 text-stone-700 dark:bg-neutral-900 dark:text-gray-400">
{{ $ready->count() }}
</span>
</div>
<div class="p-4 space-y-4 overflow-y-auto flex-1 custom-scrollbar">
@foreach($ready as $job)
<x-taller-card :job="$job" color="neon" />
@endforeach
</div>
</div>
</div>
</x-layout>