twenty/packages/twenty-website
khuddite 545cfbd83e
Update documentation padding on mobile devices (#8318)
close #8086 

- Technical explanation of the issue
The mobile documentation pages have a fixed width of `340px`, regardless
of the device. And they are centered horizontally, so the horizontal
padding is determined automatically.

- Explanation of the fix
I've updated the styling of those pages to use fixed padding `32px`
instead and let it determine the width (`deviceWidth - 64px`).
    
- Screenshots
    
![CleanShot 2024-11-04 at 15 01
59](https://github.com/user-attachments/assets/d2ecf215-cbee-4ea0-b627-53ac756095bc)
![CleanShot 2024-11-04 at 15 02
23](https://github.com/user-attachments/assets/bb03854f-17ee-43dc-bba2-feeddc6a2750)

---------

Co-authored-by: Félix Malfait <felix@twenty.com>
2024-11-07 08:50:20 +01:00
..
public Updated image to correct typo (#7907) 2024-10-21 12:25:25 +02:00
src Update documentation padding on mobile devices (#8318) 2024-11-07 08:50:20 +01:00
.env.example Added Algolia Search (#5524) 2024-05-22 12:06:00 +02:00
.eslintrc.js chore: use common eslint config for most packages (#4705) 2024-04-04 12:05:26 +02:00
.gitignore Marketing improvements 3 (#3175) 2023-12-29 11:17:32 +01:00
next.config.js Marketing improvements 3 (#3175) 2023-12-29 11:17:32 +01:00
package.json Bump to 0.32 (#8324) 2024-11-05 00:19:05 +01:00
README.md Update documentation padding on mobile devices (#8318) 2024-11-07 08:50:20 +01:00
tsconfig.json Add proper ORM and postgres support (#3978) 2024-02-14 17:53:50 +01:00

Twenty-Website

This used for the marketing website (twenty.com). This is not related in anyway to the main app, which you can find in twenty-front and twenty-server.

Getting Started

We're using Next.JS

Copy the .env.example file to .env and fill in the values.

Run the migrations:

npx nx run twenty-website:database:migrate

From the root directory:

npx nx run twenty-website:dev

Then open http://localhost:3000 with your browser to see the result.

Or to build in prod:

npx nx run twenty-website:build
npx nx run twenty-website:start