fix(ui): resolve overflow in machine creation modal and optimize inventory sorting/filters

This commit is contained in:
sky121113 2026-05-07 14:46:34 +08:00
parent f06353d542
commit 1739dc6625
2 changed files with 9 additions and 9 deletions

View File

@ -723,7 +723,7 @@
</div>
<span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</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">&#8203;</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">{{

View File

@ -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`;