Browse Source

fix(order-management): 修复订单详情对话框宽度被默认样式覆盖的问题

- 发现DialogContent组件有默认样式'sm:max-w-lg'会覆盖自定义宽度
- 修改为'max-w-[95vw] sm:max-w-7xl'以覆盖默认样式
- 小屏使用95%视口宽度,中屏及以上使用7xl宽度
- 所有测试通过

Generated with [Claude Code](https://claude.ai/code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
yourname 3 hours ago
parent
commit
53f428770a

+ 1 - 1
allin-packages/order-management-ui/src/components/OrderDetailModal.tsx

@@ -251,7 +251,7 @@ const OrderDetailModal: React.FC<OrderDetailModalProps> = ({
     <>
       <Dialog open={open} onOpenChange={onOpenChange}>
         <DialogContent
-          className="max-w-7xl max-h-[90vh] overflow-y-auto"
+          className="max-w-[95vw] sm:max-w-7xl max-h-[90vh] overflow-y-auto"
           data-testid="order-detail-dialog"
         >
           <DialogHeader>