fix(ui): resolve overflow in machine creation modal and optimize inventory sorting/filters
This commit is contained in:
parent
f06353d542
commit
1739dc6625
@ -723,7 +723,7 @@
|
||||
</div>
|
||||
<span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">​</span>
|
||||
<div
|
||||
class="inline-block align-bottom bg-white dark:bg-slate-900 rounded-3xl text-left overflow-hidden shadow-2xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full animate-luxury-in border border-slate-100 dark:border-slate-800">
|
||||
class="inline-block align-bottom bg-white dark:bg-slate-900 rounded-3xl text-left overflow-visible shadow-2xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full animate-luxury-in border border-slate-100 dark:border-slate-800">
|
||||
<div
|
||||
class="px-8 pt-8 pb-6 border-b border-slate-50 dark:border-slate-800/50 flex justify-between items-center">
|
||||
<h3 class="text-xl font-black text-slate-800 dark:text-white tracking-tight font-display">{{
|
||||
@ -863,7 +863,7 @@
|
||||
</div>
|
||||
<span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">​</span>
|
||||
<div
|
||||
class="inline-block align-bottom bg-white dark:bg-slate-900 rounded-3xl text-left overflow-hidden shadow-2xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full animate-luxury-in border border-slate-100 dark:border-slate-800">
|
||||
class="inline-block align-bottom bg-white dark:bg-slate-900 rounded-3xl text-left overflow-visible shadow-2xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full animate-luxury-in border border-slate-100 dark:border-slate-800">
|
||||
<div
|
||||
class="px-8 pt-8 pb-6 border-b border-slate-50 dark:border-slate-800/50 flex justify-between items-center">
|
||||
<h3 class="text-xl font-black text-slate-800 dark:text-white tracking-tight font-display">{{
|
||||
|
||||
@ -749,7 +749,7 @@
|
||||
<script>
|
||||
document.addEventListener('alpine:init', () => {
|
||||
Alpine.data('machineInventory', () => ({
|
||||
viewMode: '{{ request('machine_id') ? 'detail' : 'list' }}',
|
||||
viewMode: "{{ request('machine_id') ? 'detail' : 'list' }}",
|
||||
displayMode: 'table',
|
||||
selectedMachine: null,
|
||||
slots: [],
|
||||
@ -1008,13 +1008,13 @@ document.addEventListener('alpine:init', () => {
|
||||
},
|
||||
|
||||
movementTypeBadge(type) {
|
||||
|
||||
const colors = {
|
||||
replenishment: 'emerald',
|
||||
pickup: 'indigo',
|
||||
remote_dispense:'cyan',
|
||||
adjustment: 'amber',
|
||||
rollback: 'rose',
|
||||
replenishment: 'emerald',
|
||||
pickup: 'indigo',
|
||||
remote_dispense: 'cyan',
|
||||
adjustment: 'amber',
|
||||
rollback: 'rose',
|
||||
decommission: 'slate'
|
||||
};
|
||||
const color = colors[type] || 'slate';
|
||||
return `bg-${color}-500/10 text-${color}-600 dark:text-${color}-400 border-${color}-500/20`;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user