diff options
| author | Adam Soltys <[email protected]> | 2022-12-20 12:38:27 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2022-12-20 12:38:27 -0800 |
| commit | f6bb653a534d26478b8529d6ea7b073782d6a102 (patch) | |
| tree | f6477f4eee0c91e2c621e098c4b7d0bafa6b2350 /src | |
| parent | 9c7ed38d45ec2740d8beb0d5630ecb525243a66b (diff) | |
| download | coinos-ui-f6bb653a534d26478b8529d6ea7b073782d6a102.tar.gz coinos-ui-f6bb653a534d26478b8529d6ea7b073782d6a102.zip | |
mobile style
Diffstat (limited to 'src')
| -rw-r--r-- | src/routes/(app)/feed/+page.svelte | 27 |
1 files changed, 13 insertions, 14 deletions
diff --git a/src/routes/(app)/feed/+page.svelte b/src/routes/(app)/feed/+page.svelte index 196763f6..f8ccfe84 100644 --- a/src/routes/(app)/feed/+page.svelte +++ b/src/routes/(app)/feed/+page.svelte @@ -19,27 +19,26 @@ </script> <div class="mt-24 mb-20"> - <h1 class="px-3 md:px-0 text-center text-3xl md:text-4xl font-semibold mb-10">Nostr</h1> - <div class="container w-full mx-auto text-lg px-4 max-w-2xl space-y-5"> <div class="vs"> {#if browser} <VirtualScroll data={sorted} key="id" let:data pageMode={true}> - <div class="grid grid-cols-3 border-b pb-5" :key={data.id} use:fade> - <div class="my-auto text-secondary"> - <div class="flex"> - <div class="my-auto"> - <Avatar size={20} src={`/api/public/runners/${runner()}`} /> - </div> - <div class="my-auto ml-1"> - {data.pubkey.substr(0, 6)}<br /> - <span class="text-sm">{format(new Date(data.seen * 1000), 'h:mm aaa')}</span> - </div> + <div class="flex border-b py-4" :key={data.id} use:fade> + <div class="mb-auto mr-2"> + <div class="md:hidden"> + <Avatar size={12} src={`/api/public/runners/${runner()}`} /> + </div> + <div class="hidden md:block"> + <Avatar size={20} src={`/api/public/runners/${runner()}`} /> </div> </div> - <div class="my-auto col-span-2"> - <div class="text-secondary break-words">{data.content}</div> + <div class="text-secondary break-words w-full"> + <div class="w-full flex text-sm pb-1"> + <div class="text-black">{data.pubkey.substr(0, 6)}</div> + <div class="ml-auto text-sm">{format(new Date(data.seen * 1000), 'h:mm aaa')}</div> + </div> + {data.content} </div> </div> </VirtualScroll> |