aljaz/mutiny-web
1
0
Fork 0
mirror of https://github.com/aljazceru/mutiny-web.git synced 2026-02-15 11:14:28 +01:00
Code Issues Packages Projects Releases Wiki Activity

safe area for scanner

Browse Source
This commit is contained in:
Paul Miller
2023-04-17 11:46:52 -05:00
parent 10288db213
commit 5ba7be5e7f
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/routes/Scanner.tsx
View File

@@ -1,7 +1,7 @@
import Reader from "~/components/Reader";
import { createEffect, createSignal, Show } from "solid-js";
import { useNavigate } from "solid-start";
import { Button } from "~/components/layout";
import { Button, SafeArea } from "~/components/layout";
export default function Scanner() {
const [scanResult, setScanResult] = createSignal<string>();
@@ -30,7 +30,7 @@ export default function Scanner() {
})
return (
<>
<div class="safe-top safe-left safe-right safe-bottom h-screen-safe">
<Show when={scanResult()} fallback={<Reader onResult={onResult} />}>
<div class="w-full p-8">
<div class="mt-[20vw] rounded-xl p-4 flex flex-col gap-2 bg-[rgba(0,0,0,0.5)]">
@@ -53,6 +53,6 @@ export default function Scanner() {
<Button onClick={exit}>Cancel</Button>
</Show>
</div>
</>
</div>
);
}