mama/star-cloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[STYLE] 商品管理與分類管理 UI 標準化，補全多語系翻譯
All checks were successful
star-cloud-deploy-demo / deploy-demo (push) Successful in 50s
Details

Browse Source
This commit is contained in:
sky121113
2026-04-01 09:50:57 +08:00
parent e27eee78f5
commit 08fc86d3f8
14 changed files with 567 additions and 279 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
resources/views/admin/machines/index.blade.php
View File

@@ -398,20 +398,17 @@ window.machineApp = function(initialTab) {
<div class="flex items-center gap-4 cursor-pointer group/info"
@click="openCabinet('{{ $machine->id }}')">
<div
class="w-12 h-12 rounded-2xl bg-slate-100 dark:bg-slate-800 flex items-center justify-center text-slate-400 border border-slate-200 dark:border-slate-700 overflow-hidden group-hover/info:border-cyan-500/50 group-hover/info:shadow-lg group-hover/info:shadow-cyan-500/10 transition-all duration-300 shadow-sm relative">
class="w-12 h-12 rounded-2xl bg-slate-100 dark:bg-slate-800 flex items-center justify-center text-slate-400 border border-slate-200 dark:border-slate-700 overflow-hidden group-hover/info:bg-cyan-500 group-hover/info:text-white transition-all duration-300 shadow-sm relative">
@if(isset($machine->image_urls[0]))
<img src="{{ $machine->image_urls[0] }}"
class="w-full h-full object-cover group-hover/info:scale-110 transition-transform duration-500">
@else
<svg class="w-6 h-6 stroke-[1.5]" fill="none" stroke="currentColor"
<svg class="w-6 h-6 stroke-[2.5]" fill="none" stroke="currentColor"
viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round"
d="M21 7.5l-9-5.25L3 7.5m18 0l-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-5.25v9" />
</svg>
@endif
<div
class="absolute inset-0 bg-cyan-500/0 group-hover/info:bg-cyan-500/10 transition-colors duration-300">
</div>
</div>
<div>
<div
@@ -548,10 +545,10 @@ window.machineApp = function(initialTab) {
<!-- Product Image/Icon -->
<div
class="w-12 h-12 sm:w-16 sm:h-16 rounded-2xl bg-white/10 flex items-center justify-center p-2 mb-2 overflow-hidden backdrop-blur-md">
<template x-if="slot.product && slot.product.image">
<img :src="slot.product.image" class="w-full h-full object-contain">
<template x-if="slot.product && slot.product.image_url">
<img :src="slot.product.image_url" class="w-full h-full object-contain">
</template>
<template x-if="!slot.product || !slot.product.image">
<template x-if="!slot.product || !slot.product.image_url">
<svg class="w-6 h-6 stroke-[1.5]" fill="none" stroke="currentColor"
viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round"
@@ -918,10 +915,12 @@ window.machineApp = function(initialTab) {
<!-- Slot Header Info -->
<div
class="flex items-center gap-4 p-4 rounded-2xl bg-slate-50 dark:bg-slate-800/50 border border-slate-100 dark:border-slate-800">
<div
class="w-16 h-16 rounded-xl bg-white dark:bg-slate-800 p-2 border border-slate-200 dark:border-slate-700 shadow-sm overflow-hidden">
<template x-if="selectedSlot.product && selectedSlot.product.image">
<img :src="selectedSlot.product.image" class="w-full h-full object-contain">
<div class="flex-shrink-0 w-16 h-16 rounded-xl bg-slate-100 dark:bg-slate-800 flex items-center justify-center p-2 overflow-hidden">
<template x-if="selectedSlot.product && selectedSlot.product.image_url">
<img :src="selectedSlot.product.image_url" class="w-full h-full object-contain">
</template>
<template x-if="!selectedSlot.product || !selectedSlot.product.image_url">
<svg class="w-8 h-8 text-slate-300 dark:text-slate-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>
</template>
</div>
<div>