forked from
pds.ls/pdsls
atmosphere explorer
align stats columns
+2
-2
+2
-2
src/views/stream/stats.tsx
+2
-2
src/views/stream/stats.tsx
···
63
63
<Show when={topEventTypes().length > 0}>
64
64
<div class="mt-2">
65
65
<div class="mb-1 text-xs text-neutral-500 dark:text-neutral-400">Event Types</div>
66
-
<div class="grid grid-cols-[1fr_auto_auto] gap-x-5 gap-y-0.5 font-mono text-xs">
66
+
<div class="grid grid-cols-[1fr_5rem_3rem] gap-x-1 gap-y-0.5 font-mono text-xs sm:gap-x-4">
67
67
<For each={topEventTypes()}>
68
68
{([type, count]) => {
69
69
const percentage = ((count / props.stats.totalEvents) * 100).toFixed(1);
···
87
87
<Show when={topCollections().length > 0}>
88
88
<div class="mt-2">
89
89
<div class="mb-1 text-xs text-neutral-500 dark:text-neutral-400">Top Collections</div>
90
-
<div class="grid grid-cols-[1fr_auto_auto] gap-x-5 gap-y-0.5 font-mono text-xs">
90
+
<div class="grid grid-cols-[1fr_5rem_3rem] gap-x-1 gap-y-0.5 font-mono text-xs sm:gap-x-4">
91
91
<For each={topCollections()}>
92
92
{([collection, count]) => {
93
93
const percentage = ((count / props.stats.totalEvents) * 100).toFixed(1);