Skip to content

Commit 3fabfe4

Browse files
authored
Merge pull request #84 from celenium-io/dev
v1.14.0
2 parents 6eee8b5 + 5c46fc8 commit 3fabfe4

37 files changed

+11147
-4161
lines changed

app.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ onMounted(async () => {
3434
const runtimeConfig = useRuntimeConfig()
3535
amp.init(runtimeConfig.public.AMP)
3636
37-
const data = await fetchLatestBlocks({ limit: 15 })
37+
const data = await fetchLatestBlocks({ limit: 100 })
3838
appStore.latestBlocks = data
3939
appStore.isLatestBlocksLoaded = true
4040

assets/icons.json

Lines changed: 6 additions & 1 deletion
Large diffs are not rendered by default.

assets/styles/base.scss

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -34,12 +34,16 @@ $grayscale: (
3434
--brand: #18d2a5;
3535
--blue: #076acd;
3636
--red: #eb5757;
37+
--dark-red: #592121;
3738
--orange: #ff5a17;
3839
--light-orange: #ff8351;
3940
--yellow: #ffd400;
4041
--green: #0ade71;
4142
--neutral-green: #33a853;
4243
--purple: #5856de;
44+
--mint: #18D2A5;
45+
--neutral-mint: #109373;
46+
--dark-mint: #1e473d;
4347

4448
/* Grayscale */
4549
@each $gray, $value in $grayscale {
@@ -99,12 +103,16 @@ $grayscale: (
99103
--brand: #33a853;
100104
--blue: #0b84fe;
101105
--red: #eb5757;
106+
--dark-red: #592121;
102107
--orange: #ff5a17;
103108
--light-orange: #ff8351;
104109
--yellow: #ffd400;
105110
--green: #0ade71;
106111
--neutral-green: #33a853;
107112
--purple: #5856de;
113+
--mint: #18D2A5;
114+
--neutral-mint: #109373;
115+
--dark-mint: #1e473d;
108116

109117
/* Grayscale */
110118
@each $gray, $value in $grayscale {
@@ -156,12 +164,16 @@ $grayscale: (
156164
--brand: #0ade71;
157165
--blue: #0b84fe;
158166
--red: #eb5757;
167+
--dark-red: #592121;
159168
--orange: #ff5a17;
160169
--light-orange: #ff8351;
161170
--yellow: #e5c10b;
162171
--green: #26c071;
163172
--neutral-green: #33a853;
164173
--purple: #5856de;
174+
--mint: #18D2A5;
175+
--neutral-mint: #109373;
176+
--dark-mint: #1e473d;
165177

166178
/* Grayscale */
167179
@each $gray, $value in $grayscale {
@@ -368,3 +380,16 @@ body {
368380
.ods_group {
369381
transition: all 0.3s ease;
370382
}
383+
384+
.transition_all {
385+
transition: all 0.3s ease;
386+
}
387+
388+
.dimmed {
389+
filter: brightness(40%);
390+
transition: all 0.3s ease;
391+
}
392+
393+
.bar {
394+
transition: filter 0.3s;
395+
}

components/LeftSidebar.vue

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -57,6 +57,25 @@ const mainLinks = reactive([
5757
},
5858
],
5959
},
60+
{
61+
icon: "bar-chart",
62+
name: "Statistics",
63+
path: "/stats",
64+
children: [
65+
{
66+
name: "General",
67+
path: "/stats?tab=General",
68+
},
69+
{
70+
name: "Blocks",
71+
path: "/stats?tab=Blocks",
72+
},
73+
{
74+
name: "Rollups",
75+
path: "/stats?tab=Rollups",
76+
},
77+
],
78+
},
6079
])
6180
6281
const isModularLinksCollapsed = ref(false)

components/LoadingHolder.vue

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<script setup>
2+
import Spinner from "@/components/ui/Spinner.vue"
3+
const props = defineProps({
4+
title: {
5+
type: String,
6+
required: true,
7+
},
8+
subtitle: {
9+
type: String,
10+
required: false,
11+
},
12+
})
13+
</script>
14+
15+
<template>
16+
<ClientOnly>
17+
<Transition name="fade">
18+
<Flex direction="column" align="center" gap="16" :class="$style.loading">
19+
<Spinner size="16" />
20+
21+
<Flex direction="column" align="center" gap="8">
22+
<Text size="14" weight="500" color="primary"> {{ title }} </Text>
23+
<Text v-if="subtitle" size="13" weight="500" color="tertiary"> {{ subtitle }} </Text>
24+
</Flex>
25+
</Flex>
26+
</Transition>
27+
</ClientOnly>
28+
</template>
29+
30+
<style module>
31+
.loading {
32+
position: absolute;
33+
top: 50%;
34+
left: 50%;
35+
transform: translate(-50%, -50%);
36+
}
37+
</style>

0 commit comments

Comments
 (0)