wooo/awoooi
1
1
Fork 0
Code Issues 2 Pull Requests 1 Actions 3 Packages Projects Releases Wiki Activity

fix(web): contain mobile IA overflow
Some checks failed
Code Review / ai-code-review (push) Successful in 13s
Details
CD Pipeline / tests (push) Successful in 1m43s
Details
CD Pipeline / post-deploy-checks (push) Has been cancelled
Details
CD Pipeline / build-and-deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Your Name
2026-06-26 19:14:58 +08:00
parent c6e1c7feee
commit 717f0edd33
2 changed files with 68 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
apps/web/src/app/[locale]/governance/tabs/automation-inventory-tab.tsx
View File

@@ -19621,6 +19621,34 @@ export function AutomationInventoryTab() {
max-width: 100%;
}
.automation-inventory-live-read-kpi-grid,
.automation-inventory-live-read-grid,
.automation-inventory-live-read-card-grid,
.automation-inventory-service-health-notification-rule-grid,
.automation-inventory-service-health-target-grid {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
justify-items: stretch;
}
.automation-inventory-live-read-kpi-grid > *,
.automation-inventory-live-read-grid > *,
.automation-inventory-live-read-card-grid > *,
.automation-inventory-service-health-notification-rule-grid > *,
.automation-inventory-service-health-target-grid > * {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
overflow-wrap: anywhere;
}
.automation-inventory-live-read-grid *,
.automation-inventory-live-read-card-grid * {
min-width: 0 !important;
max-width: 100%;
}
.automation-inventory-live-read-card-grid > *,
.automation-inventory-live-read-kpi-grid > *,
.automation-inventory-service-health-notification-rule-grid > *,

40
apps/web/src/app/[locale]/security-compliance/page.tsx
View File

@@ -152,6 +152,7 @@ function SecurityComplianceFrontStage({ locale: _locale }: { locale: string }) {
return (
<section
data-testid="security-compliance-iwooos-frontstage-bridge"
className="security-compliance-frontstage-root"
style={{
background: "#fffdf8",
borderTop: "0.5px solid #e0ddd4",
@@ -750,6 +751,45 @@ function SecurityComplianceFrontStage({ locale: _locale }: { locale: string }) {
</Link>
</div>
</div>
<style jsx global>{`
.security-compliance-frontstage-root,
.security-compliance-frontstage-root * {
box-sizing: border-box;
min-width: 0;
}
.security-compliance-frontstage-root {
max-width: 100%;
overflow-x: hidden;
}
.security-compliance-frontstage-root div,
.security-compliance-frontstage-root span,
.security-compliance-frontstage-root p,
.security-compliance-frontstage-root h1,
.security-compliance-frontstage-root h2,
.security-compliance-frontstage-root h3,
.security-compliance-frontstage-root a {
max-width: 100%;
overflow-wrap: anywhere;
word-break: break-word;
}
@media (max-width: 640px) {
.security-compliance-frontstage-root {
padding-left: 12px !important;
padding-right: 12px !important;
}
.security-compliance-frontstage-root summary {
grid-template-columns: minmax(0, 1fr) 18px !important;
}
.security-compliance-frontstage-root a {
width: 100%;
}
}
`}</style>
</section>
);
}