點擊卡片標題可查看詳細資訊
的承載容器最大寬度不超過螢幕，並避免水平溢出 */ .sys-body-wrapper { max-width: 100%; overflow-x: hidden; box-sizing: border-box; } .sys-body-wrapper > * { min-width: 0; } /* 強制重置 sys-layout-wrapper 內所有 MudBlazor 元件 */ .sys-layout-wrapper * { box-sizing: border-box; } /* 覆蓋 .sys-layout-wrapper 內的 MudMainContent */ .sys-layout-wrapper > .mud-main-content { all: unset !important; display: flex !important; flex-direction: column !important; flex-grow: 1 !important; padding: 1.5rem !important; box-sizing: border-box !important; } /* sys-page-content 樣式 - System Layout 專用的內容區 */ .sys-layout-wrapper .sys-page-content { all: unset !important; display: block !important; flex: 1 1 auto !important; min-width: 0 !important; transition: width 0.3s ease !important; padding: 0 1rem !important; box-sizing: border-box !important; } /* 關鍵：row 內內容區要能縮小，避免被子元素撐破造成 body 水平卷軸 */ .sys-content-row { min-width: 0; } .sys-layout-wrapper .sys-page-content .mud-container { padding-top: 0 !important; } /* MudContainer 強制重置 */ .sys-layout-wrapper .mud-container { max-width: 100% !important; padding-left: 1rem !important; padding-right: 1rem !important; } /* MudScrollToTop 樣式 */ .mud-scroll-to-top.visible, .mud-scroll-to-top.hidden { bottom: 4rem !important; } /* 響應式樣式 */ @media (max-width: 599px) { .sys-layout-wrapper > .mud-main-content { padding: 1rem !important; } .sys-layout-wrapper .sys-page-content { width: 100% !important; padding: 0 !important; } } @media (max-width: 1279px) { .sys-layout-wrapper .sys-page-content { width: 100% !important; } }
An unhandled exception has occurred. See browser dev tools for details. Reload 🗙