aljaz/nashboard-old
1
1
Fork 0
mirror of https://github.com/vinliao/nashboard-old.git synced 2025-12-17 04:35:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

implement basic responsiveness

Browse Source
This commit is contained in:
Vincent Liao
2022-02-25 23:20:11 +07:00
parent 4b897e2a85
commit b132bd5835
2 changed files with 20 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/Activity.svelte
View File

@@ -22,16 +22,16 @@
<div class="flex flex-col flex-1">
{#each timeArrFirst as time, i}
<div class="flex p-2">
<span class="shrink text-neutral-400">{time}</span>
<span class="flex-1 text-neutral-500 self-start">{networkActivity[i]} evt</span>
<span class="text-neutral-400">{time}</span>
<span class="text-neutral-500 self-start">{networkActivity[i]} evt</span>
</div>
{/each}
</div>
<div class="flex flex-col flex-1">
{#each timeArrSecond as time, i}
<div class="flex p-2">
<span class="flex-1 text-neutral-400 text-right">{time}</span>
<span class="shrink text-neutral-500">{networkActivity[i+12]} evt</span>
<span class="text-neutral-400">{time}</span>
<span class="text-neutral-500">{networkActivity[i+12]} evt</span>
</div>
{/each}
</div>

27
src/routes/index.svelte
View File

@@ -93,17 +93,22 @@
</script>
<section>
<div class="m-2">
<Count {eventCount1h} {eventCount24h} />
<div class="mb-3" />
<Kind {kind1} {kind4} {kindOther}/>
<div class="mb-3" />
<!-- <Average/>
<div class="mb-3"></div> -->
<Activity {networkActivity} />
<div class="mb-3" />
<Relay {relays} {relayActivity}/>
<Dots />
<div class="m-2 max-w-3xl sm:flex">
<div class="flex-none">
<Count {eventCount1h} {eventCount24h} />
<!-- <div class="mb-3" />
<Kind {kind1} {kind4} {kindOther}/> -->
<div class="mb-3" />
<!-- <Average/>
<div class="mb-3"></div> -->
<Activity {networkActivity} />
<div class="mb-3" />
<Relay {relays} {relayActivity}/>
</div>
<div class="sm:invisible">
<Dots />
</div>
<div class="rounded-md shadow border p-3">
<span class="block text-center pb-3 text-xs text-neutral-400">NOSTR NETWORK'S LATEST EVENTS</span>