styling pass

This commit is contained in:
Paul Miller
2023-04-15 11:01:40 -05:00
parent d36adad34c
commit 3c94312a9f
17 changed files with 230 additions and 179 deletions

View File

@@ -1,26 +1,26 @@
import logo from '~/assets/icons/mutiny-logo.svg';
import { NodeManagerGuard, SafeArea } from "~/components/layout";
import { DefaultMain, NodeManagerGuard, SafeArea } from "~/components/layout";
import BalanceBox from "~/components/BalanceBox";
import NavBar from "~/components/NavBar";
// TODO: use this reload prompt for real
import ReloadPrompt from "~/components/Reload";
import KitchenSink from './KitchenSink';
import { Scan } from '~/assets/svg/Scan';
import { A } from 'solid-start';
export default function App() {
return (
<NodeManagerGuard>
<SafeArea>
<main class='flex flex-col gap-4 py-8 px-4 max-w-[800px] mx-auto'>
<header>
<img src={logo} class="App-logo" alt="logo" />
<DefaultMain>
<header class="w-full flex justify-between items-center mt-4 mb-2">
<img src={logo} class="h-10" alt="logo" />
<A class="p-2 hover:bg-white/5 rounded-lg active:bg-m-blue" href="scanner"><Scan /></A>
</header>
<BalanceBox />
<ReloadPrompt />
<KitchenSink />
{/* safety div */}
<div class="h-32" />
</main>
</DefaultMain>
<NavBar activeTab="home" />
</SafeArea>
</NodeManagerGuard>