mirrors/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2025-05-15 07:34:42 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix: replace dark mode hack with bootstrap's own dark mode

Browse source 
Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
This commit is contained in:
Tilman Vatteroth 2023-05-31 18:36:47 +02:00
parent 3f42798965
commit 0993372290
77 changed files with 244 additions and 365 deletions
Download patch file Download diff file Expand all files Collapse all files

15
frontend/src/components/landing-layout/landing-layout.tsx
View file

@ -3,11 +3,13 @@
*
* SPDX-License-Identifier: AGPL-3.0-only
*/
import { useApplyDarkModeStyle } from '../../hooks/dark-mode/use-apply-dark-mode-style'
import { useSaveDarkModePreferenceToLocalStorage } from '../../hooks/dark-mode/use-save-dark-mode-preference-to-local-storage'
import { MotdModal } from '../common/motd-modal/motd-modal'
import { Footer } from './footer/footer'
import { HeaderBar } from './navigation/header-bar/header-bar'
import type { PropsWithChildren } from 'react'
import React, { Fragment } from 'react'
import React from 'react'
import { Container } from 'react-bootstrap'
/**
@ -15,17 +17,20 @@ import { Container } from 'react-bootstrap'
*
* @param children The children that should be rendered on the page.
*/
export const LandingLayout: React.FC<PropsWithChildren<unknown>> = ({ children }) => {
export const LandingLayout: React.FC<PropsWithChildren> = ({ children }) => {
useApplyDarkModeStyle()
useSaveDarkModePreferenceToLocalStorage()
return (
<Fragment>
<div>
<MotdModal />
<Container className='text-light d-flex flex-column mvh-100'>
<Container className='d-flex flex-column mvh-100'>
<HeaderBar />
<div className={'d-flex flex-column justify-content-between flex-fill text-center'}>
<main>{children}</main>
<Footer />
</div>
</Container>
</Fragment>
</div>
)
}