upagge/noteshare.space
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

mobile improvements

Browse Source
This commit is contained in:
Maxime Cannoodt
2022-07-11 00:22:15 +02:00
parent 774848dd45
commit 26ca09f44e
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
webapp/src/routes/__layout.svelte
View File

@@ -61,7 +61,7 @@
</div> </div>
</div> </div>
<div class="container mx-auto max-w-4xl mx-auto mt-12 px-4 2xl:px-0 "> <div class="container mx-auto max-w-4xl mx-auto mt-6 md:mt-12 px-4 2xl:px-0 ">
<slot /> <slot />
<div class="mt-12"> <div class="mt-12">
<Footer /> <Footer />

9
webapp/src/routes/note/[id].svelte
View File

@@ -79,12 +79,17 @@
{#if plaintext} {#if plaintext}
<div class="max-w-2xl mx-auto"> <div class="max-w-2xl mx-auto">
<p class="mb-4 text-sm flex justify-between text-zinc-500 dark:text-zinc-400"> <p
class="mb-4 text-sm flex gap-2 flex-col md:gap-0 md:flex-row justify-between text-zinc-500 dark:text-zinc-400"
>
<span class="flex gap-1.5 items-center uppercase"> <span class="flex gap-1.5 items-center uppercase">
<span class="h-5"><IconEncrypted /></span> <span class="h-5"><IconEncrypted /></span>
<span>e2e encrypted | <span>Shared {timeString} ago</span></span> <span>e2e encrypted | <span>Shared {timeString} ago</span></span>
</span> </span>
<button on:click={toggleRaw} class="flex gap-1.5 uppercase items-center hover:underline"> <button
on:click={toggleRaw}
class="flex flex-row-reverse justify-end md:flex-row underline md:no-underline gap-1.5 uppercase items-center hover:underline"
>
{#if showRaw} {#if showRaw}
<span class="h-6"><LogoDocument /> </span> <span class="h-6"><LogoDocument /> </span>
<span>Render Document</span> <span>Render Document</span>