From 999fa40ff2e9e1cf8a52f30ae7e3cf72c2133c8a Mon Sep 17 00:00:00 2001
From: Prozilla <business@prozilla.dev>
Date: Wed, 10 Jul 2024 22:44:30 +0200
Subject: [PATCH] Docs: Fixed overflow issue on home page

---
 README.md                                |  2 +-
 package.json                             |  1 +
 packages/docs/.vitepress/theme/style.css | 13 +++++++++++++
 packages/docs/src/index.md               |  2 +-
 4 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 0a6470b..35fc8f9 100644
--- a/README.md
+++ b/README.md
@@ -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
 
diff --git a/package.json b/package.json
index 696c5ed..1601b35 100644
--- a/package.json
+++ b/package.json
@@ -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",
diff --git a/packages/docs/.vitepress/theme/style.css b/packages/docs/.vitepress/theme/style.css
index 4ec3254..6b2354e 100644
--- a/packages/docs/.vitepress/theme/style.css
+++ b/packages/docs/.vitepress/theme/style.css
@@ -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;
diff --git a/packages/docs/src/index.md b/packages/docs/src/index.md
index 9ac9edf..fab6bb6 100644
--- a/packages/docs/src/index.md
+++ b/packages/docs/src/index.md
@@ -61,7 +61,7 @@ const developers = [
 
 <VPTeamPage>
 	<VPTeamPageTitle>
-		<template #title>Developers</template>
+		<template #title>Developer</template>
 	</VPTeamPageTitle>
 	<VPTeamMembers class="center" :members="developers" />
 </VPTeamPage>
\ No newline at end of file