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

UI fixes

Browse Source
This commit is contained in:
sairaj mote 2023-04-15 03:36:32 +05:30
parent ff1d1b2173
commit 75f38b6dd0
4 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
css/main.css
View File

@ -910,6 +910,7 @@ p {
align-items: center; align-items: center;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
text-transform: capitalize; text-transform: capitalize;
margin-right: auto;
} }
.choice-container { .choice-container {
@ -927,6 +928,10 @@ p {
.status { .status {
font-size: 0.8rem; font-size: 0.8rem;
} }
.status.active {
background: rgba(var(--text-color), 0.1);
color: var(--accent-color);
}
.status.closed { .status.closed {
background: rgba(var(--foreground-color), 1); background: rgba(var(--foreground-color), 1);
border: solid 1px rgba(var(--text-color), 0.2); border: solid 1px rgba(var(--text-color), 0.2);

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

5
css/main.scss
View File

@ -831,6 +831,7 @@ p {
align-items: center; align-items: center;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
text-transform: capitalize; text-transform: capitalize;
margin-right: auto;
} }
.choice-container { .choice-container {
display: flex; display: flex;
@ -844,6 +845,10 @@ p {
} }
.status { .status {
font-size: 0.8rem; font-size: 0.8rem;
&.active {
background: rgba(var(--text-color), 0.1);
color: var(--accent-color);
}
&.closed { &.closed {
background: rgba(var(--foreground-color), 1); background: rgba(var(--foreground-color), 1);
border: solid 1px rgba(var(--text-color), 0.2); border: solid 1px rgba(var(--text-color), 0.2);

4
index.html
View File

@ -399,6 +399,8 @@
if (winners.length) { if (winners.length) {
renderElem(document.getElementById('winners_container'), html`${winners.map(winner => render.contractChoiceCard(winner))}`) renderElem(document.getElementById('winners_container'), html`${winners.map(winner => render.contractChoiceCard(winner))}`)
} else {
renderElem(document.getElementById('winners_container'), html`<div>No winners found</div>`)
} }
}) })
@ -789,7 +791,7 @@
return html` return html`
<div id="contract_page" class="page"> <div id="contract_page" class="page">
${status ? html` ${status ? html`
<div class="status closed">${status}</div> <div class=${`status ${status}`}>${status}</div>
`: ''} `: ''}
<h3 class="uppercase">${replaceDash(contract)}</h3> <h3 class="uppercase">${replaceDash(contract)}</h3>
${userChoices ? html` ${userChoices ? html`