UI/UX tweaks
This commit is contained in:
parent
ef2d191fc0
commit
0e862c692e
29
css/main.css
29
css/main.css
@ -6,7 +6,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
font-size: clamp(1rem, 1.2vmax, 1.2rem);
|
font-size: clamp(1rem, 1.2vmax, 1.5rem);
|
||||||
}
|
}
|
||||||
|
|
||||||
html,
|
html,
|
||||||
@ -938,15 +938,28 @@ theme-toggle {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.status {
|
.status {
|
||||||
font-size: 0.8rem;
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
letter-spacing: 0.01em;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
.status.active {
|
.status::before {
|
||||||
background: rgba(var(--text-color), 0.1);
|
content: "";
|
||||||
color: var(--accent-color);
|
width: 0.8rem;
|
||||||
|
height: 0.8rem;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-right: 0.5rem;
|
||||||
|
display: inline-block;
|
||||||
}
|
}
|
||||||
.status.closed {
|
.status.active::before {
|
||||||
background: rgba(var(--foreground-color), 1);
|
background-color: var(--green);
|
||||||
border: solid 1px rgba(var(--text-color), 0.2);
|
}
|
||||||
|
.status.closed::before {
|
||||||
|
background-color: var(--danger-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.address,
|
.address,
|
||||||
|
|||||||
2
css/main.min.css
vendored
2
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -6,7 +6,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
font-size: clamp(1rem, 1.2vmax, 1.2rem);
|
font-size: clamp(1rem, 1.2vmax, 1.5rem);
|
||||||
}
|
}
|
||||||
|
|
||||||
html,
|
html,
|
||||||
@ -855,14 +855,31 @@ theme-toggle {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.status {
|
.status {
|
||||||
font-size: 0.8rem;
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
letter-spacing: 0.01em;
|
||||||
|
padding: 0;
|
||||||
|
&::before {
|
||||||
|
content: "";
|
||||||
|
width: 0.8rem;
|
||||||
|
height: 0.8rem;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-right: 0.5rem;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
&.active {
|
&.active {
|
||||||
background: rgba(var(--text-color), 0.1);
|
&::before {
|
||||||
color: var(--accent-color);
|
background-color: var(--green);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
&.closed {
|
&.closed {
|
||||||
background: rgba(var(--foreground-color), 1);
|
&::before {
|
||||||
border: solid 1px rgba(var(--text-color), 0.2);
|
background-color: var(--danger-color);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.address,
|
.address,
|
||||||
|
|||||||
@ -1494,7 +1494,7 @@
|
|||||||
async function getBannerData() {
|
async function getBannerData() {
|
||||||
const { systemTransactionCount, systemAddressCount } = await fetchJson(`${floGlobals.tokenApiUrl}/api/v2/info`)
|
const { systemTransactionCount, systemAddressCount } = await fetchJson(`${floGlobals.tokenApiUrl}/api/v2/info`)
|
||||||
return {
|
return {
|
||||||
topToken: "RMT",
|
topToken: "RUPEE",
|
||||||
totalTransactions: systemTransactionCount,
|
totalTransactions: systemTransactionCount,
|
||||||
walletAddresses: systemAddressCount,
|
walletAddresses: systemAddressCount,
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user