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

remove dots.svlete from app

Browse Source
This commit is contained in:
Vincent Liao
2022-02-28 00:53:05 +07:00
parent 9782201ad5
commit 56aa30c05c
2 changed files with 27 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
public/app.css
View File

@@ -468,6 +468,11 @@ Ensure the default browser behavior of the `hidden` attribute.
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.self-start {
align-self: flex-start;
}
@@ -572,4 +577,22 @@ Ensure the default browser behavior of the `hidden` attribute.
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
}

17
src/App.svelte
View File

@@ -10,14 +10,7 @@
import Pie from "svelte-chartjs/src/Pie.svelte";
// initial dummy event object
let events = [
{
message:
"Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum suscipit dolores eos sequi. Repudiandae doloremque qui quo deserunt quidem, eum incidunt consequuntur numquam nostrum! Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum suscipit dolores eos sequi. Repudiandae doloremque qui quo deserunt quidem, eum incidunt consequuntur numquam nostrum!",
time: 1,
pubkey: "0000000000",
},
];
let events = [];
let eventCount24h = 0;
let eventCount1h = 0;
@@ -119,6 +112,8 @@
id: event.id,
pubkey: event.pubkey,
};
// todo: bug: still display duplicate tweets at time
events.push(tweet);
const uniqueEvents = _.uniq(events);
const sortedEvents = _.sortBy(uniqueEvents, "time");
@@ -128,7 +123,7 @@
</script>
<section class="bg-gradient-to-r from-pink-100 to-orange-200">
<div class="p-2 max-w-3xl mx-auto sm:flex">
<div class="p-2 max-w-3xl mx-auto sm:flex sm:space-x-4 space-y-2 sm:space-y-0">
<div class="sm:w-1/2 space-y-2 sm:space-y-4">
<Count {eventCount1h} {eventCount24h} />
@@ -144,10 +139,6 @@
<Relay {relays} {relayActivity} />
</div>
<div class="sm:invisible">
<Dots />
</div>
<div class="rounded-md shadow p-3 bg-white sm:w-1/2">
<span class="block text-center pb-3 text-sm text-neutral-400 font-mono"
>NOSTR NETWORK'S LATEST EVENTS</span