mukeshs/twenty_crm
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

4030 website header for tablet (#4274)

Browse Source 
* add use device types

* add header file

* remove use device type

* add tablet view styles

* remove eslint comment

* create shared folder and add header.ts file for all styled elements which used in app header

* refactor header files structure

* Hide linklist on mobile

---------

Co-authored-by: Félix Malfait <felix.malfait@gmail.com>
This commit is contained in:
Ahmad
2024-03-05 13:37:09 +03:30
committed by GitHub
parent 9035762d43
commit 0a2d8056bd
7 changed files with 186 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/twenty-website/src/app/layout.tsx
View File

@ -1,10 +1,9 @@
import { Metadata } from 'next';
import { Gabarito, Inter } from 'next/font/google';
import { HeaderMobile } from '@/app/_components/ui/layout/HeaderMobile';
import { AppHeader } from '@/app/_components/ui/layout/header';
import { FooterDesktop } from './_components/ui/layout/FooterDesktop';
import { HeaderDesktop } from './_components/ui/layout/HeaderDesktop';
import EmotionRootStyleRegistry from './emotion-root-style-registry';
import './layout.css';
@ -40,11 +39,8 @@ export default function RootLayout({
<html lang="en" className={`${gabarito.variable} ${inter.variable}`}>
<body>
<EmotionRootStyleRegistry>
<HeaderDesktop />
<div className="container">
<HeaderMobile />
{children}
</div>
<AppHeader />
<div className="container">{children}</div>
<FooterDesktop />
</EmotionRootStyleRegistry>
</body>