aljaz/mutiny-web
1
0
Fork 0
mirror of https://github.com/aljazceru/mutiny-web.git synced 2025-12-21 00:04:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

better receive

Browse Source
This commit is contained in:
Paul Miller
2023-04-11 18:13:12 -05:00
parent 378d1e5710
commit d0dc6c4157
6 changed files with 253 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/layout/index.tsx
View File

@@ -1,4 +1,4 @@
import { ParentComponent } from "solid-js"
import { ParentComponent, Show } from "solid-js"
import Linkify from "./Linkify"
import { Button, ButtonLink } from "./Button"
import { Separator } from "@kobalte/core"
@@ -15,11 +15,15 @@ const Card: ParentComponent<{ title?: string }> = (props) => {
)
}
const SafeArea: ParentComponent = (props) => {
const SafeArea: ParentComponent<{ main?: boolean }> = (props) => {
return (
<div class="safe-top safe-left safe-right safe-bottom">
<div class="disable-scrollbars max-h-screen h-full overflow-y-scroll md:pl-[8rem] md:pr-[6rem]">
{props.children}
<Show when={props.main} fallback={props.children}>
<main class='flex flex-col py-8 px-4 items-center'>
{props.children}
</main>
</Show>
</div>
</div >
)