fix: update ItemRoutingComponent dialog width for better responsiveness
- Changed the maximum width of the add item dialog to be more flexible, allowing it to utilize the full width of the viewport while respecting the configured maximum width. - This adjustment aims to enhance the user experience by ensuring the dialog is appropriately sized across different screen sizes.
This commit is contained in:
parent
579461a6cb
commit
33dfa6b475
|
|
@ -458,7 +458,7 @@ export function ItemRoutingComponent({
|
||||||
|
|
||||||
{/* ════ 품목 추가 다이얼로그 (테이블 형태 + 검색) ════ */}
|
{/* ════ 품목 추가 다이얼로그 (테이블 형태 + 검색) ════ */}
|
||||||
<Dialog open={addDialogOpen} onOpenChange={setAddDialogOpen}>
|
<Dialog open={addDialogOpen} onOpenChange={setAddDialogOpen}>
|
||||||
<DialogContent className="max-w-[95vw]" style={{ maxWidth: `min(95vw, ${config.addModalMaxWidth || "600px"})` }}>
|
<DialogContent className="!max-w-none" style={{ width: `min(100%, 95vw, ${config.addModalMaxWidth || "600px"})` }}>
|
||||||
<DialogHeader>
|
<DialogHeader>
|
||||||
<DialogTitle className="text-base sm:text-lg">품목 추가</DialogTitle>
|
<DialogTitle className="text-base sm:text-lg">품목 추가</DialogTitle>
|
||||||
<DialogDescription className="text-xs sm:text-sm">
|
<DialogDescription className="text-xs sm:text-sm">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue