diff --git a/packages/website/src/components/BaseStyles.astro b/packages/website/src/components/BaseStyles.astro index a84aeebd2..2cfaf75e1 100644 --- a/packages/website/src/components/BaseStyles.astro +++ b/packages/website/src/components/BaseStyles.astro @@ -18,6 +18,9 @@ import "@fontsource-variable/roboto-flex"; --page-width: 64rem; + /* idk how to actually get or apply this without uglifying the scrollbar */ + --scrollbar-width: 15px; + --max-size: max(100vw, 100vh); --radius-max: var(--max-size); diff --git a/packages/website/src/components/TankopediaLoadout/index.module.css b/packages/website/src/components/TankopediaLoadout/index.module.css index 06db23316..db63e4a9a 100644 --- a/packages/website/src/components/TankopediaLoadout/index.module.css +++ b/packages/website/src/components/TankopediaLoadout/index.module.css @@ -66,6 +66,9 @@ } .provisions { + width: 0; + min-width: 100%; + display: flex; flex-wrap: wrap; gap: var(--space-3); diff --git a/packages/website/src/pages/[...chunk_default]/[...locale]/tanks/[slug]/_index.module.css b/packages/website/src/pages/[...chunk_default]/[...locale]/tanks/[slug]/_index.module.css index acebceff1..0396efd77 100644 --- a/packages/website/src/pages/[...chunk_default]/[...locale]/tanks/[slug]/_index.module.css +++ b/packages/website/src/pages/[...chunk_default]/[...locale]/tanks/[slug]/_index.module.css @@ -17,6 +17,7 @@ .content { padding: var(--space-5); + padding-right: calc(var(--space-5) - var(--scrollbar-width)); display: flex; flex-direction: column;