Docs: Fixed overflow issue on home page

This commit is contained in:
Prozilla 2024-07-10 22:44:30 +02:00
parent 7ef371999a
commit 999fa40ff2
No known key found for this signature in database
GPG key ID: 5858DFE71CAF31EE
4 changed files with 16 additions and 2 deletions

View file

@ -59,7 +59,7 @@ ProzillaOS uses the package manager [pnpm](https://pnpm.io/) to run scripts.
| <pre>pnpm&nbsp;run&nbsp;start</pre> | Run [`pnpm run site:start`](#package-prozilla-os-demo). VSCode is configured to run this script whenever the project is opened.
| <pre>pnpm&nbsp;run&nbsp;build</pre> | Build every package in sequential order.
| <pre>pnpm&nbsp;run&nbsp;deploy</pre> | Clear the `dist` directory, build and stage each package that comprises the website, then deploy to GitHub pages. This should then trigger a GitHub Action that deploys the build to production.
| <pre>pnpm&nbsp;run&nbsp;publish</pre> | Publish the `dist` directory to GitHub pages.
| <pre>pnpm&nbsp;run&nbsp;publish</pre> | Publish the `dist` directory directly to GitHub pages.
### Public packages

View file

@ -26,6 +26,7 @@
"docs:build": "pnpm --filter @prozilla-os/docs run build",
"docs:stage": "pnpm --filter @prozilla-os/docs run stage",
"docs:preview": "pnpm --filter @prozilla-os/docs run preview",
"docs:deploy": "pnpm run docs:build && pnpm run docs:stage && pnpm run publish",
"docs:generate": "pnpm --filter @prozilla-os/docs run generate",
"packages:build": "pnpm -r --sequential --filter prozilla-os... build",
"packages:update": "npx changeset && pnpm changeset version",

View file

@ -313,6 +313,19 @@
--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/%3E%3C/svg%3E")
}
.VPContent.is-home .vp-doc {
margin: 0;
padding: 0;
width: 100%;
max-width: unset;
}
.vp-doc .VPTeamPage {
margin-left: 0 !important;
margin-right: 0 !important;
width: inherit;
}
.vp-doc .VPTeamMembers.center {
display: flex;
justify-content: center;

View file

@ -61,7 +61,7 @@ const developers = [
<VPTeamPage>
<VPTeamPageTitle>
<template #title>Developers</template>
<template #title>Developer</template>
</VPTeamPageTitle>
<VPTeamMembers class="center" :members="developers" />
</VPTeamPage>