From 7b8a0b6c939063d80743dc6866c240b5e705dab2 Mon Sep 17 00:00:00 2001 From: khuddite Date: Mon, 4 Nov 2024 14:49:52 -0500 Subject: [PATCH 1/2] update mobile website pages to have 32px horizontal padding --- .../twenty-website/src/app/_components/docs/DocsContent.tsx | 5 ++--- .../twenty-website/src/app/_components/docs/DocsMain.tsx | 3 +-- 2 files changed, 3 insertions(+), 5 deletions(-) diff --git a/packages/twenty-website/src/app/_components/docs/DocsContent.tsx b/packages/twenty-website/src/app/_components/docs/DocsContent.tsx index 5d4c6c92603c..50710cf534a9 100644 --- a/packages/twenty-website/src/app/_components/docs/DocsContent.tsx +++ b/packages/twenty-website/src/app/_components/docs/DocsContent.tsx @@ -1,8 +1,8 @@ 'use client'; -import React, { useState } from 'react'; import styled from '@emotion/styled'; import Image from 'next/image'; import { usePathname } from 'next/navigation'; +import { useState } from 'react'; import { ArticleContent } from '@/app/_components/ui/layout/articles/ArticleContent'; import { Breadcrumbs } from '@/app/_components/ui/layout/Breadcrumbs'; @@ -28,8 +28,7 @@ const StyledContainer = styled('div')` const StyledWrapper = styled.div` @media (max-width: 450px) { - padding: ${Theme.spacing(10)} 30px ${Theme.spacing(20)}; - width: 340px; + padding: ${Theme.spacing(10)} 32px ${Theme.spacing(20)}; } @media (min-width: 451px) and (max-width: 800px) { diff --git a/packages/twenty-website/src/app/_components/docs/DocsMain.tsx b/packages/twenty-website/src/app/_components/docs/DocsMain.tsx index 1d98ad450d1f..2cc9112ea49d 100644 --- a/packages/twenty-website/src/app/_components/docs/DocsMain.tsx +++ b/packages/twenty-website/src/app/_components/docs/DocsMain.tsx @@ -30,9 +30,8 @@ const StyledWrapper = styled.div` width: 100%; @media (max-width: 450px) { - padding: ${Theme.spacing(10)} 30px ${Theme.spacing(20)}; + padding: ${Theme.spacing(10)} 32px ${Theme.spacing(20)}; align-items: flex-start; - width: 340px; } @media (min-width: 450px) and (max-width: 800px) { From fa7d26e70cf04ea2424c038382665011231228f2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?F=C3=A9lix=20Malfait?= Date: Thu, 7 Nov 2024 08:49:56 +0100 Subject: [PATCH 2/2] Unrelated readme edit --- packages/twenty-website/README.md | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/packages/twenty-website/README.md b/packages/twenty-website/README.md index 5388a93c8d62..cb971d19f391 100644 --- a/packages/twenty-website/README.md +++ b/packages/twenty-website/README.md @@ -8,14 +8,21 @@ This is not related in anyway to the main app, which you can find in twenty-fron We're using Next.JS +Copy the .env.example file to .env and fill in the values. + +Run the migrations: +```bash +npx nx run twenty-website:database:migrate +``` + From the root directory: ```bash -nx run twenty-website:dev +npx nx run twenty-website:dev ``` Then open [http://localhost:3000](http://localhost:3000) with your browser to see the result. Or to build in prod: ```bash -nx run twenty-website:build -nx run twenty-website:start +npx nx run twenty-website:build +npx nx run twenty-website:start ``` \ No newline at end of file