Update some styling

pull/1/head
I Made Setia Baruna 2021-01-11 22:04:10 +08:00
parent 77c91a5796
commit 4f8de3cea2
3 changed files with 5 additions and 5 deletions

View File

@ -23,11 +23,11 @@
} }
</style> </style>
<div class="flex items-center lg:hidden fixed w-full h-16 header bg-background z-30 shadow-md overflow-hidden"> <a href="/" class="flex items-center lg:hidden fixed w-full h-16 header bg-background z-30 shadow-md overflow-hidden">
<h1 class="flex-1 pl-4 md:pl-8 font-display text-3xl font-black text-white relative z-10 pt-2"> <h1 class="flex-1 pl-4 md:pl-8 font-display text-3xl font-black text-white relative z-10 pt-2">
Paimon<span class="text-xl text-primary">.moe</span> Paimon<span class="text-xl text-primary">.moe</span>
</h1> </h1>
<div class="p-8 cursor-pointer" on:click={showMenu}> <div class="p-8 cursor-pointer" on:click={showMenu}>
<Icon path={mdiMenu} color="white" /> <Icon path={mdiMenu} color="white" />
</div> </div>
</div> </a>

View File

@ -1,6 +1,6 @@
<div class="relative py-2"> <a href="/" class="relative py-2">
<h1 class="font-display text-3xl font-black text-white py-4 relative z-10"> <h1 class="font-display text-3xl font-black text-white py-4 relative z-10">
Paimon Paimon
<span class="absolute right-0 text-xl text-primary z-10" style="top: 5px;">.moe</span> <span class="absolute right-0 text-xl text-primary z-10" style="top: 5px;">.moe</span>
</h1> </h1>
</div> </a>

View File

@ -40,7 +40,7 @@
<svelte:head> <svelte:head>
<title>Calculator - Paimon.moe</title> <title>Calculator - Paimon.moe</title>
</svelte:head> </svelte:head>
<div class="pt-20 lg:ml-64 lg:pt-8 p-8"> <div class="pt-20 lg:ml-64 lg:pt-8 px-4 md:px-8">
<div class="flex justify-center md:justify-start mb-4"> <div class="flex justify-center md:justify-start mb-4">
<Button on:click={openHowTo}> <Button on:click={openHowTo}>
<Icon size={0.8} path={mdiHelpCircle} /> <Icon size={0.8} path={mdiHelpCircle} />