mirror of
https://github.com/utopia-os/utopia-ui.git
synced 2026-03-01 12:44:17 +00:00
9e6bcf1846
* removed daisy from config * removed tw-elements artefact * removed comments from tailwind config * removed safelist * migrated to tailwind4 and daisyui5 * deleted tailwind.config.js which is not eeded anymore * 3.0.79 * version number * fixed broken layouts * more fixing * more layout fixing * tested theming * small fixes * adapt snapshots to changes * package.json: add unit test update script * more ui refactoring & theme controller * ui improvements * package-lock.json * fix linting * fixed tabs * fix linting * fixed typing --------- Co-authored-by: mahula <lenzmath@posteo.de>
21 lines
514 B
TypeScript
21 lines
514 B
TypeScript
import { useAppState } from './hooks/useAppState'
|
|
|
|
interface ContentProps {
|
|
children?: React.ReactNode
|
|
}
|
|
|
|
/**
|
|
* @category AppShell
|
|
*/
|
|
export function Content({ children }: ContentProps) {
|
|
const appState = useAppState()
|
|
|
|
return (
|
|
<div
|
|
className={`${appState.sideBarOpen && !appState.sideBarSlim ? 'tw:ml-48' : appState.sideBarOpen && appState.sideBarSlim ? 'tw:ml-14' : ''} tw:w-full tw:h-full tw:bg-base-200 tw:relative tw:transition-all tw:duration-300`}
|
|
>
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|