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> </div>
<span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span> <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
<div <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 <div
class="px-8 pt-8 pb-6 border-b border-slate-50 dark:border-slate-800/50 flex justify-between items-center"> 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">{{ <h3 class="text-xl font-black text-slate-800 dark:text-white tracking-tight font-display">{{
@ -863,7 +863,7 @@
</div> </div>
<span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span> <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
<div <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 <div
class="px-8 pt-8 pb-6 border-b border-slate-50 dark:border-slate-800/50 flex justify-between items-center"> 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">{{ <h3 class="text-xl font-black text-slate-800 dark:text-white tracking-tight font-display">{{

View File

@ -749,7 +749,7 @@
<script> <script>
document.addEventListener('alpine:init', () => { document.addEventListener('alpine:init', () => {
Alpine.data('machineInventory', () => ({ Alpine.data('machineInventory', () => ({
viewMode: '{{ request('machine_id') ? 'detail' : 'list' }}', viewMode: "{{ request('machine_id') ? 'detail' : 'list' }}",
displayMode: 'table', displayMode: 'table',
selectedMachine: null, selectedMachine: null,
slots: [], slots: [],
@ -1008,13 +1008,13 @@ document.addEventListener('alpine:init', () => {
}, },
movementTypeBadge(type) { movementTypeBadge(type) {
const colors = { const colors = {
replenishment: 'emerald', replenishment: 'emerald',
pickup: 'indigo', pickup: 'indigo',
remote_dispense:'cyan', remote_dispense: 'cyan',
adjustment: 'amber', adjustment: 'amber',
rollback: 'rose', rollback: 'rose',
decommission: 'slate'
}; };
const color = colors[type] || 'slate'; const color = colors[type] || 'slate';
return `bg-${color}-500/10 text-${color}-600 dark:text-${color}-400 border-${color}-500/20`; return `bg-${color}-500/10 text-${color}-600 dark:text-${color}-400 border-${color}-500/20`;