diff --git a/.changeset/public-baths-open.md b/.changeset/public-baths-open.md new file mode 100644 index 0000000000000..d050d23099429 --- /dev/null +++ b/.changeset/public-baths-open.md @@ -0,0 +1,5 @@ +--- +'@node-core/ui-components': patch +--- + +Improve the width of various containers diff --git a/packages/ui-components/src/Common/ChangeHistory/index.module.css b/packages/ui-components/src/Common/ChangeHistory/index.module.css index 91241657f5d18..77f0456be9952 100644 --- a/packages/ui-components/src/Common/ChangeHistory/index.module.css +++ b/packages/ui-components/src/Common/ChangeHistory/index.module.css @@ -32,7 +32,8 @@ z-50 mt-1 max-h-80 - w-52 + w-[26rem] + max-w-[calc(100vw-2rem)] overflow-hidden rounded-sm border @@ -45,7 +46,7 @@ .dropdownContentInner { @apply max-h-80 - w-52 + w-full overflow-y-auto; } diff --git a/packages/ui-components/src/Containers/Article/index.module.css b/packages/ui-components/src/Containers/Article/index.module.css index 8d3dccdfd9a8f..d3dd781af96de 100644 --- a/packages/ui-components/src/Containers/Article/index.module.css +++ b/packages/ui-components/src/Containers/Article/index.module.css @@ -1,14 +1,12 @@ @reference "../../styles/index.css"; .articleLayout { - @apply max-w-10xl - ml:grid + @apply ml:grid ml:grid-cols-[--spacing(56)_1fr] ml:grid-rows-[1fr] ml:overflow-visible ml:[grid-template-areas:'sidebar_main''sidebar_footer'] 3xl:grid-cols-[--spacing(80)_1fr_--spacing(80)] - mx-auto block w-full xl:grid-cols-[--spacing(56)_1fr_--spacing(64)]