RanchiMall/floscout
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI/UX tweaks

Browse Source
This commit is contained in:
sairaj mote 2023-09-13 22:41:43 +05:30
parent ef2d191fc0
commit 0e862c692e
4 changed files with 46 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
css/main.css
View File

@ -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
View File

File diff suppressed because one or more lines are too long

29
css/main.scss
View File

@ -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,

2
index.html
View File

@ -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,
} }