Skip to content

Commit a73decf

Browse files
xdeqxdeq
authored
Merge pull request #8 from celenium-io/dev
Dev
2 parents 52261e6 + 8d425bc commit a73decf

34 files changed

+3879
-2168
lines changed

‎assets/icons.json

Lines changed: 12 additions & 0 deletions
Large diffs are not rendered by default.

‎assets/styles/base.scss

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -50,9 +50,9 @@ $grayscale: (
5050
--btn-white-bg: rgba(255, 255, 255, 90%);
5151
--btn-white-bg-hover: rgba(255, 255, 255, 75%);
5252
--btn-white-bg-active: rgba(255, 255, 255, 90%);
53-
--btn-secondary-bg: rgba(255, 255, 255, 5%);
54-
--btn-secondary-bg-hover: rgba(255, 255, 255, 8%);
55-
--btn-secondary-bg-active: rgba(255, 255, 255, 5%);
53+
--btn-secondary-bg: rgba(255, 255, 255, 8%);
54+
--btn-secondary-bg-hover: rgba(255, 255, 255, 10%);
55+
--btn-secondary-bg-active: rgba(255, 255, 255, 7%);
5656

5757
/** Other */
5858
--network-widget-background: rgba(0, 0, 0, 10%);

‎components/Notifications.vue

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -110,7 +110,8 @@ const handleActionCallback = (callback, notification) => {
110110
111111
box-sizing: border-box;
112112
width: 330px;
113-
background: var(--notification-background);
113+
background: var(--card-background);
114+
box-shadow: inset 0 0 0 2px var(--op-5), 0 14px 34px rgba(0, 0, 0, 15%), 0 4px 14px rgba(0, 0, 0, 5%);
114115
115116
border-radius: 8px;
116117
padding: 12px;
@@ -136,7 +137,7 @@ const handleActionCallback = (callback, notification) => {
136137
137138
.description {
138139
font-size: 12px;
139-
font-weight: 500;
140+
font-weight: 600;
140141
line-height: 18px;
141142
color: var(--txt-tertiary);
142143

‎components/Skeleton.vue

Lines changed: 21 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,10 @@
22
const props = defineProps({
33
w: String,
44
h: String,
5+
c: {
6+
type: String,
7+
default: "gray",
8+
},
59
r: {
610
type: String,
711
default: "50",
@@ -10,14 +14,28 @@ const props = defineProps({
1014
</script>
1115

1216
<template>
13-
<div :style="{ width: `${w}px`, height: `${h}px`, borderRadius: `${r}px` }" :class="$style.wrapper" />
17+
<div :style="{ width: `${w}px`, height: `${h}px`, borderRadius: `${r}px` }" :class="[$style.wrapper, $style[c]]" />
1418
</template>
1519

1620
<style module>
1721
.wrapper {
18-
background: var(--op-10);
19-
2022
animation: skeleton 1s ease infinite;
23+
24+
&.green {
25+
background: rgba(10, 219, 111, 30%);
26+
}
27+
28+
&.yellow {
29+
background: rgba(255, 212, 0, 30%);
30+
}
31+
32+
&.red {
33+
background: var(--red);
34+
}
35+
36+
&.gray {
37+
background: var(--op-10);
38+
}
2139
}
2240
2341
@keyframes skeleton {

‎components/TheFooter.vue

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -135,6 +135,9 @@ const handleChangeTheme = (theme) => {
135135
<NuxtLink to="/addresses" :class="$style.link">
136136
<Text size="12" weight="500" color="tertiary"> Addresses </Text>
137137
</NuxtLink>
138+
<NuxtLink to="/gas" :class="$style.link">
139+
<Text size="12" weight="500" color="tertiary">Gas Tracker</Text>
140+
</NuxtLink>
138141
</Flex>
139142
</Flex>
140143
</Flex>

‎components/TheHeader.vue

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ import { isMac, getNetworkName } from "@/services/utils/general"
1010
/** UI */
1111
import { Dropdown, DropdownItem, DropdownTitle } from "@/components/ui/Dropdown"
1212
import Tooltip from "@/components/ui/Tooltip.vue"
13+
import Button from "@/components/ui/Button.vue"
1314
import Kbd from "@/components/ui/Kbd.vue"
1415
1516
/** Store */
@@ -89,7 +90,7 @@ const handleNavigate = (url) => {
8990

9091
<Flex justify="center" align="center" wrap="wrap" gap="8" :class="$style.links">
9192
<NuxtLink to="/" :class="[$style.link, isActive('index') && $style.active]">
92-
<Text size="13" weight="600" color="tertiary">Explorer</Text>
93+
<Text size="13" weight="600" color="tertiary">Explore</Text>
9394
</NuxtLink>
9495

9596
<NuxtLink to="/txs" :class="[$style.link, isActive('txs') && $style.active]">
@@ -127,9 +128,9 @@ const handleNavigate = (url) => {
127128
</Dropdown>
128129

129130
<Tooltip position="end" delay="250">
130-
<Flex @click="appStore.showCmd = true" align="center" gap="8" :class="$style.button">
131+
<Button @click="appStore.showCmd = true" type="secondary" size="small">
131132
<Icon name="search" size="16" color="secondary" />
132-
</Flex>
133+
</Button>
133134

134135
<template #content>
135136
<Flex align="center" gap="8">
@@ -146,7 +147,7 @@ const handleNavigate = (url) => {
146147

147148
<Flex v-if="showPopup" @click="showPopup = false" direction="column" gap="8" :class="$style.menu_popup">
148149
<NuxtLink to="/" :class="[$style.link, isActive('index') && $style.active]">
149-
<Text size="13" weight="600" color="tertiary">Explorer</Text>
150+
<Text size="13" weight="600" color="tertiary">Explore</Text>
150151
</NuxtLink>
151152

152153
<NuxtLink to="/txs" :class="[$style.link, isActive('txs') && $style.active]">

‎components/cmd/CommandMenu.vue

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -332,6 +332,15 @@ const quickCommandsActions = [
332332
router.push(`/address/${hash}`)
333333
},
334334
},
335+
{
336+
type: "callback",
337+
icon: "gas",
338+
title: "Open Gas Tracker",
339+
runText: "Open Gas Tracker",
340+
callback: () => {
341+
router.push("/gas")
342+
},
343+
},
335344
]
336345
const quickCommandsGroup = computed(() => {
337346
return {

0 commit comments

Comments
 (0)