feat(ui): unify content shell layout
This commit is contained in:
@@ -75,7 +75,7 @@ export default function OrderListPage() {
|
||||
|
||||
if (currentRole === "owner" && shopLoading) {
|
||||
return (
|
||||
<div className="container mx-auto max-w-3xl px-4 py-8">
|
||||
<div className="container mx-auto max-w-2xl px-4 py-8">
|
||||
<EmptyState title="加载中" description="正在读取店铺订单视角..." icon={RefreshCw} />
|
||||
</div>
|
||||
)
|
||||
@@ -83,7 +83,7 @@ export default function OrderListPage() {
|
||||
|
||||
if (currentRole === "owner" && shopError) {
|
||||
return (
|
||||
<div className="container mx-auto max-w-3xl px-4 py-8">
|
||||
<div className="container mx-auto max-w-2xl px-4 py-8">
|
||||
<EmptyState title="无法读取订单" description={shopError} icon={ClipboardList} />
|
||||
</div>
|
||||
)
|
||||
@@ -175,7 +175,7 @@ function OrderListContent({
|
||||
})
|
||||
|
||||
return (
|
||||
<div className="container mx-auto max-w-3xl px-4 py-8 space-y-6">
|
||||
<div className="container mx-auto max-w-2xl px-4 py-8 space-y-6">
|
||||
<div className="flex items-center justify-between">
|
||||
<h1 className="text-2xl font-bold">我的订单</h1>
|
||||
<Badge variant="outline" className="text-xs">
|
||||
@@ -216,7 +216,7 @@ function OrderListContent({
|
||||
filtered.map((order) => (
|
||||
<Card key={order.id} className="border-border/80 shadow-sm">
|
||||
<CardHeader className="pb-3">
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
|
||||
<CardTitle className="text-base">{order.service.title}</CardTitle>
|
||||
<StatusBadge
|
||||
status={statusVariants[order.status]}
|
||||
|
||||
Reference in New Issue
Block a user