Minor UI changes
This commit is contained in:
sairaj mote
parent
769a0660b9
commit
a8c2c6187e
23
css/main.css
23
css/main.css
@ -9,7 +9,8 @@
|
||||
font-size: clamp(1rem, 1.2vmax, 3rem);
|
||||
}
|
||||
|
||||
html, body {
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
@ -20,7 +21,7 @@ body {
|
||||
}
|
||||
body,
|
||||
body * {
|
||||
--accent-color: #0D7377;
|
||||
--accent-color: #0d7377;
|
||||
--text-color: 17, 17, 17;
|
||||
--background-color: 255, 255, 255;
|
||||
--danger-color: red;
|
||||
@ -28,7 +29,7 @@ body * {
|
||||
|
||||
body[data-theme=dark],
|
||||
body[data-theme=dark] * {
|
||||
--accent-color: #32E0C4;
|
||||
--accent-color: #32e0c4;
|
||||
--text-color: 240, 240, 240;
|
||||
--text-color-light: 170, 170, 170;
|
||||
--background-color: 10, 10, 10;
|
||||
@ -39,12 +40,8 @@ p {
|
||||
font-size: 0.8;
|
||||
max-width: 65ch;
|
||||
line-height: 1.7;
|
||||
margin-bottom: 1.5rem;
|
||||
color: rgba(var(--text-color), 0.8);
|
||||
}
|
||||
p:not(:last-of-type) {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
img {
|
||||
-o-object-fit: cover;
|
||||
@ -81,6 +78,10 @@ sm-button {
|
||||
--border-radius: 0.3rem;
|
||||
}
|
||||
|
||||
sm-spinner {
|
||||
--size: 1rem;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
@ -317,7 +318,10 @@ ul {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4.h5 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4.h5 {
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
|
||||
@ -496,5 +500,4 @@ tr td:first-of-type {
|
||||
background: rgba(var(--text-color), 0.1);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=main.css.map */
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
{"version":3,"sources":["main.scss","main.css"],"names":[],"mappings":"AAAA;EACI,UAAA;EACA,SAAA;EACA,sBAAA;EACA,iCAAA;ACCJ;;ADCA;EACI,qCAAA;ACEJ;;ADAA;EACI,YAAA;EACA,uBAAA;ACGJ;;ADDA;EAQI,iCAAA;EACA,4CAAA;ACHJ;ADLI;;EAEI,uBAAA;EACA,wBAAA;EACA,iCAAA;EACA,mBAAA;ACOR;;ADDI;;EAEI,uBAAA;EACA,2BAAA;EACA,iCAAA;EACA,8BAAA;EACA,kCAAA;ACIR;;ADDA;EACI,cAAA;EACA,eAAA;EACA,gBAAA;EACA,qBAAA;EACA,mCAAA;ACIJ;ADHI;EACI,mBAAA;ACKR;;ADFA;EACI,oBAAA;KAAA,iBAAA;ACKJ;;ADFA;EACI,cAAA;EACA,qBAAA;ACKJ;ADJI;EACI,yDAAA;ACMR;;ADFA;EACI,oBAAA;EACA,YAAA;EACA,yBAAA;ACKJ;;ADFA;EACI,gDAAA;ACKJ;;ADNA;EACI,gDAAA;ACKJ;;ADNA;EACI,gDAAA;ACKJ;;ADHA;EACI,uBAAA;ACMJ;;ADJA;EACI,gBAAA;ACOJ;;ADLA;EACI,aAAA;ACQJ;;ADNA;EACI,aAAA;ACSJ;;ADPA;EACI,wBAAA;ACUJ;;ADRA;EACI,0BAAA;ACWJ;;ADTA;EACI,WAAA;EACA,gBAAA;EACA,mBAAA;EACA,uBAAA;ACYJ;;ADVA;EACI,yBAAA;EACA,qBAAA;EACA,yBAAA;EACA,sBAAA;EAGA,qBAAA;EACA,aAAA;ACaJ;;ADXA;EACI,gBAAA;ACcJ;;ADZA;EACI,iBAAA;ACeJ;;ADbA;EACI,eAAA;ACgBJ;;ADdA;EACI,iBAAA;ACiBJ;;ADfA;EACI,eAAA;ACkBJ;;ADhBA;EACI,iBAAA;ACmBJ;;ADhBA;EACI,yBAAA;ACmBJ;;ADjBA;EACI,0BAAA;ACoBJ;;ADlBA;EACI,aAAA;ACqBJ;;ADnBA;EACI,aAAA;ACsBJ;;ADpBA;EACI,oCAAA;ACuBJ;;ADrBA;EACI,sBAAA;ACwBJ;;ADtBA;EACI,WAAA;ACyBJ;;ADvBA;EACI,SAAA;AC0BJ;;ADxBA;EACI,WAAA;AC2BJ;;ADzBA;EACI,SAAA;AC4BJ;;AD1BA;EACI,SAAA;AC6BJ;;AD3BA;EACI,iBAAA;AC8BJ;;AD5BA;EACI,uBAAA;AC+BJ;;AD7BA;EACI,mBAAA;ACgCJ;;AD9BA;EACI,kBAAA;ACiCJ;;AD/BA;EACI,sBAAA;ACkCJ;;ADhCA;EACI,uBAAA;ACmCJ;;ADjCA;EACI,iBAAA;ACoCJ;;ADlCA;EACI,kBAAA;ACqCJ;;ADnCA;EACI,oBAAA;ACsCJ;;ADpCA;EACI,mBAAA;ACuCJ;;ADrCA;EACI,iBAAA;ACwCJ;;ADtCA;EACI,sBAAA;ACyCJ;;ADvCA;EACI,8BAAA;AC0CJ;;ADxCA;EACI,WAAA;AC2CJ;;ADzCA;EACI,mCAAA;AC4CJ;;AD1CA;EACI,gBAAA;AC6CJ;;AD3CA;EACI,gBAAA;AC8CJ;;AD5CA;EACI,kBAAA;EACA,kBAAA;EACA,mBAAA;EACA,yCAAA;EACA,oBAAA;AC+CJ;;AD7CA;EACI,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,wCAAA;ACgDJ;;AD9CA;EACI,aAAA;ACiDJ;;AD/CA;EACI,aAAA;ACkDJ;;ADhDA;EACI,aAAA;EACA,cAAA;EACA,kCAAA;ACmDJ;;ADjDA;EACI,cAAA;EACA,aAAA;ACoDJ;ADnDI;EACI,oBAAA;ACqDR;ADnDI;EACI,mBAAA;ACqDR;;ADlDA;;EAEI,sBAAA;ACqDJ;ADpDI;;EACI,gBAAA;EACA,qBAAA;ACuDR;ADrDI;;EACI,SAAA;ACwDR;ADtDI;;EACI,UAAA;EACA,gBAAA;ACyDR;ADxDQ;;EACI,oBAAA;EACA,iBAAA;AC2DZ;;ADvDA;EACI,kCAAA;AC0DJ;;ADxDA;EACE,qBAAA;EACA,0BAAA;AC2DF;;ADzDA;EACI,aAAA;EACA,YAAA;EACA,iCAAA;EACA,iDAAA;AC4DJ;;ADzDA;EACI,sBAAA;EACA,oBAAA;EACA,qDAAA;AC4DJ;;AD1DA;EACI,aAAA;EACA,mBAAA;EACA,WAAA;EACA,+BAAA;EACA,aAAA;EACA,kBAAA;AC6DJ;AD5DI;EACI,0BAAA;EACA,eAAA;EACA,gBAAA;AC8DR;AD5DI;EACI,cAAA;EACA,aAAA;EACA,gCAAA;EACA,YAAA;AC8DR;;AD3DA;EACI,gBAAA;EACA,gBAAA;AC8DJ;;AD5DA;EACI,mBAAA;AC+DJ;AD9DI;EACI,iBAAA;EACA,sBAAA;EACA,yBAAA;EACA,eAAA;ACgER;;AD7DA;EACI,gBAAA;EACA,aAAA;EACA,6BAAA;ACgEJ;AD/DI;EACI,WAAA;ACiER;;AD9DA;EACI,aAAA;EACA,sBAAA;EACA,0BAAA;ACiEJ;ADhEI;EACI,0BAAA;ACkER;ADjEQ;EACI,yBAAA;ACmEZ;;AD/DA;EACI,eAAA;ACkEJ;ADjEI;EACI,qBAAA;ACmER;;ADhEA;EACI,aAAA;EACA,sBAAA;EACA,oBAAA;ACmEJ;;AD/DA;EACI,aAAA;EACA,SAAA;EACA,2DAAA;ACkEJ;;ADhEA;EACI,eAAA;EACA,qBAAA;EACA,yCAAA;ACmEJ;ADlEI;EACI,gBAAA;ACoER;;ADhEI;EACI,iBAAA;EACA,kBAAA;ACmER;ADlEQ;EACI,gBAAA;ACoEZ;;ADhEA;EACI;IACI,4BAAA;IACA,0BAAA;ECmEN;EDjEE;IACI,sBAAA;IACA,uBAAA;IACA,mBAAA;IACA,eAAA;ECmEN;EDlEM;IACI,iBAAA;IACA,kBAAA;ECoEV;AACF;ADjEA;EACI;IACI,cAAA;ECmEN;EDjEE;IACI,2CAAA;IACA,4BAAA;IACA,2DAAA;ECmEN;EDjEE;IACI,sBAAA;ECmEN;EDjEE;IACI,mBAAA;IACA,sBAAA;ECmEN;EDlEM;IACI,yCAAA;ECoEV;EDlEM;IACI,oBAAA;ECoEV;EDjEE;IACI,aAAA;IACA,kCAAA;ECmEN;EDlEM;IACI,gBAAA;ECoEV;EDjEE;IACI,iBAAA;ECmEN;AACF;ADjEA;EACI;IACI,aAAA;IACA,cAAA;ECmEN;EDhEE;IACI,wCAAA;IACA,mBAAA;ECkEN;EDjEM;IACI,wCAAA;ECmEV;EDhEE;IACI,wCAAA;IACA,eAAA;ECkEN;AACF","file":"main.css"}
|
||||
3
css/main.min.css
vendored
3
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
||||
{"version":3,"sources":["main.scss"],"names":[],"mappings":"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","file":"main.min.css"}
|
||||
689
css/main.scss
689
css/main.scss
@ -1,427 +1,428 @@
|
||||
*{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: "Roboto", sans-serif;
|
||||
}
|
||||
:root{
|
||||
font-size: clamp(1rem, 1.2vmax, 3rem);
|
||||
:root {
|
||||
font-size: clamp(1rem, 1.2vmax, 3rem);
|
||||
}
|
||||
html, body{
|
||||
height: 100%;
|
||||
scroll-behavior: smooth;
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
body {
|
||||
&,
|
||||
*{
|
||||
--accent-color: #0D7377;
|
||||
--text-color: 17, 17, 17;
|
||||
--background-color: 255, 255, 255;
|
||||
--danger-color: red;
|
||||
}
|
||||
color: rgba(var(--text-color), 1);
|
||||
background: rgba(var(--background-color), 1);
|
||||
&,
|
||||
* {
|
||||
--accent-color: #0d7377;
|
||||
--text-color: 17, 17, 17;
|
||||
--background-color: 255, 255, 255;
|
||||
--danger-color: red;
|
||||
}
|
||||
color: rgba(var(--text-color), 1);
|
||||
background: rgba(var(--background-color), 1);
|
||||
}
|
||||
body[data-theme='dark']{
|
||||
&,
|
||||
*{
|
||||
--accent-color: #32E0C4;
|
||||
--text-color: 240, 240, 240;
|
||||
--text-color-light: 170, 170, 170;
|
||||
--background-color: 10, 10, 10;
|
||||
--danger-color: rgb(255, 106, 106);
|
||||
}
|
||||
body[data-theme="dark"] {
|
||||
&,
|
||||
* {
|
||||
--accent-color: #32e0c4;
|
||||
--text-color: 240, 240, 240;
|
||||
--text-color-light: 170, 170, 170;
|
||||
--background-color: 10, 10, 10;
|
||||
--danger-color: rgb(255, 106, 106);
|
||||
}
|
||||
}
|
||||
p {
|
||||
font-size: 0.8;
|
||||
max-width: 65ch;
|
||||
line-height: 1.7;
|
||||
margin-bottom: 1.5rem;
|
||||
color: rgba(var(--text-color), 0.8);
|
||||
&:not(:last-of-type){
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
font-size: 0.8;
|
||||
max-width: 65ch;
|
||||
line-height: 1.7;
|
||||
color: rgba(var(--text-color), 0.8);
|
||||
}
|
||||
img{
|
||||
object-fit: cover;
|
||||
img {
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
a{
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
&:focus-visible{
|
||||
box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 1) inset;
|
||||
}
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
&:focus-visible {
|
||||
box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 1) inset;
|
||||
}
|
||||
}
|
||||
|
||||
button{
|
||||
display: inline-flex;
|
||||
border: none;
|
||||
background-color: inherit;
|
||||
button {
|
||||
display: inline-flex;
|
||||
border: none;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
a:any-link:focus-visible{
|
||||
outline: rgba(var(--text-color), 1) 0.1rem solid;
|
||||
a:any-link:focus-visible {
|
||||
outline: rgba(var(--text-color), 1) 0.1rem solid;
|
||||
}
|
||||
sm-button{
|
||||
--border-radius: 0.3rem;
|
||||
sm-button {
|
||||
--border-radius: 0.3rem;
|
||||
}
|
||||
ul{
|
||||
list-style: none;
|
||||
sm-spinner {
|
||||
--size: 1rem;
|
||||
}
|
||||
.flex{
|
||||
display: flex;
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
.grid{
|
||||
display: grid;
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
.hide{
|
||||
display: none !important;
|
||||
.grid {
|
||||
display: grid;
|
||||
}
|
||||
.no-transformations{
|
||||
transform: none !important;
|
||||
.hide {
|
||||
display: none !important;
|
||||
}
|
||||
.overflow-ellipsis{
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
.no-transformations {
|
||||
transform: none !important;
|
||||
}
|
||||
.breakable{
|
||||
overflow-wrap: break-word;
|
||||
word-wrap: break-word;
|
||||
-ms-word-break: break-all;
|
||||
word-break: break-word;
|
||||
-ms-hyphens: auto;
|
||||
-moz-hyphens: auto;
|
||||
-webkit-hyphens: auto;
|
||||
hyphens: auto;
|
||||
.overflow-ellipsis {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.full-bleed{
|
||||
grid-column: 1/4;
|
||||
.breakable {
|
||||
overflow-wrap: break-word;
|
||||
word-wrap: break-word;
|
||||
-ms-word-break: break-all;
|
||||
word-break: break-word;
|
||||
-ms-hyphens: auto;
|
||||
-moz-hyphens: auto;
|
||||
-webkit-hyphens: auto;
|
||||
hyphens: auto;
|
||||
}
|
||||
.h1{
|
||||
font-size: 2.5rem;
|
||||
.full-bleed {
|
||||
grid-column: 1/4;
|
||||
}
|
||||
.h2{
|
||||
font-size: 2rem;
|
||||
.h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
.h3{
|
||||
font-size: 1.4rem;
|
||||
.h2 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
.h4{
|
||||
font-size: 1rem;
|
||||
.h3 {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
.h5{
|
||||
font-size: 0.8rem;
|
||||
.h4 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
.h5 {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.uppercase{
|
||||
text-transform: uppercase;
|
||||
.uppercase {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.capitalize{
|
||||
text-transform: capitalize;
|
||||
.capitalize {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
.flex{
|
||||
display: flex;
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
.grid{
|
||||
display: grid;
|
||||
.grid {
|
||||
display: grid;
|
||||
}
|
||||
.grid-3{
|
||||
grid-template-columns: 1fr auto auto;
|
||||
.grid-3 {
|
||||
grid-template-columns: 1fr auto auto;
|
||||
}
|
||||
.flow-column{
|
||||
grid-auto-flow: column;
|
||||
.flow-column {
|
||||
grid-auto-flow: column;
|
||||
}
|
||||
.gap-0-5{
|
||||
gap: 0.5rem;
|
||||
.gap-0-5 {
|
||||
gap: 0.5rem;
|
||||
}
|
||||
.gap-1{
|
||||
gap: 1rem;
|
||||
.gap-1 {
|
||||
gap: 1rem;
|
||||
}
|
||||
.gap-1-5{
|
||||
gap: 1.5rem;
|
||||
.gap-1-5 {
|
||||
gap: 1.5rem;
|
||||
}
|
||||
.gap-2{
|
||||
gap: 2rem;
|
||||
.gap-2 {
|
||||
gap: 2rem;
|
||||
}
|
||||
.gap-3{
|
||||
gap: 3rem;
|
||||
.gap-3 {
|
||||
gap: 3rem;
|
||||
}
|
||||
.text-align-right{
|
||||
text-align: right;
|
||||
.text-align-right {
|
||||
text-align: right;
|
||||
}
|
||||
.align-start{
|
||||
align-items: flex-start;
|
||||
.align-start {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.align-center{
|
||||
align-items: center;
|
||||
.align-center {
|
||||
align-items: center;
|
||||
}
|
||||
.text-center{
|
||||
text-align: center;
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
.justify-start{
|
||||
justify-content: start;
|
||||
.justify-start {
|
||||
justify-content: start;
|
||||
}
|
||||
.justify-center{
|
||||
justify-content: center;
|
||||
.justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
.justify-right{
|
||||
margin-left: auto;
|
||||
.justify-right {
|
||||
margin-left: auto;
|
||||
}
|
||||
.align-self-center{
|
||||
align-self: center;
|
||||
.align-self-center {
|
||||
align-self: center;
|
||||
}
|
||||
.justify-self-center{
|
||||
justify-self: center;
|
||||
.justify-self-center {
|
||||
justify-self: center;
|
||||
}
|
||||
.justify-self-start{
|
||||
justify-self: start;
|
||||
.justify-self-start {
|
||||
justify-self: start;
|
||||
}
|
||||
.justify-self-end{
|
||||
justify-self: end;
|
||||
.justify-self-end {
|
||||
justify-self: end;
|
||||
}
|
||||
.direction-column{
|
||||
flex-direction: column;
|
||||
.direction-column {
|
||||
flex-direction: column;
|
||||
}
|
||||
.space-between{
|
||||
justify-content: space-between;
|
||||
.space-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.w-100{
|
||||
width: 100%;
|
||||
.w-100 {
|
||||
width: 100%;
|
||||
}
|
||||
.color-0-8{
|
||||
color: rgba(var(--text-color), 0.8);
|
||||
.color-0-8 {
|
||||
color: rgba(var(--text-color), 0.8);
|
||||
}
|
||||
.weight-400{
|
||||
font-weight: 400;
|
||||
.weight-400 {
|
||||
font-weight: 400;
|
||||
}
|
||||
.weight-500{
|
||||
font-weight: 500;
|
||||
.weight-500 {
|
||||
font-weight: 500;
|
||||
}
|
||||
.ripple{
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
transform: scale(0);
|
||||
background: rgba(var(--text-color), 0.16);
|
||||
pointer-events: none;
|
||||
.ripple {
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
transform: scale(0);
|
||||
background: rgba(var(--text-color), 0.16);
|
||||
pointer-events: none;
|
||||
}
|
||||
.interact{
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
.interact {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
.observe-empty-state:empty{
|
||||
display: none;
|
||||
.observe-empty-state:empty {
|
||||
display: none;
|
||||
}
|
||||
.observe-empty-state:not(:empty) ~ .empty-state{
|
||||
display: none;
|
||||
.observe-empty-state:not(:empty) ~ .empty-state {
|
||||
display: none;
|
||||
}
|
||||
.icon{
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
fill: rgba(var(--text-color), 0.9);
|
||||
.icon {
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
fill: rgba(var(--text-color), 0.9);
|
||||
}
|
||||
.button__icon{
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
&--left{
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
&--right{
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
.button__icon {
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
&--left {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
&--right {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
}
|
||||
#confirmation_popup,
|
||||
#prompt_popup {
|
||||
flex-direction: column;
|
||||
h4 {
|
||||
font-weight: 500;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
sm-button{
|
||||
margin: 0;
|
||||
}
|
||||
.flex {
|
||||
padding: 0;
|
||||
margin-top: 1rem;
|
||||
sm-button:first-of-type {
|
||||
margin-right: 0.6rem;
|
||||
margin-left: auto;
|
||||
}
|
||||
flex-direction: column;
|
||||
h4 {
|
||||
font-weight: 500;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
sm-button {
|
||||
margin: 0;
|
||||
}
|
||||
.flex {
|
||||
padding: 0;
|
||||
margin-top: 1rem;
|
||||
sm-button:first-of-type {
|
||||
margin-right: 0.6rem;
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
h1,h2,h3,h4.h5{
|
||||
font-family: 'Poppins', sans-serif;
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4.h5 {
|
||||
font-family: "Poppins", sans-serif;
|
||||
}
|
||||
h2{
|
||||
h2 {
|
||||
margin: 3rem 0 1rem 0;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
main{
|
||||
display: grid;
|
||||
height: 100%;
|
||||
grid-template-rows: auto 1fr auto;
|
||||
grid-template-areas: 'main-header' '.' 'side-nav';
|
||||
|
||||
main {
|
||||
display: grid;
|
||||
height: 100%;
|
||||
grid-template-rows: auto 1fr auto;
|
||||
grid-template-areas: "main-header" "." "side-nav";
|
||||
}
|
||||
#main_header{
|
||||
grid-area: main-header;
|
||||
padding: 1rem 1.5rem;
|
||||
border-bottom: 1px solid rgba(var(--text-color), .1);
|
||||
#main_header {
|
||||
grid-area: main-header;
|
||||
padding: 1rem 1.5rem;
|
||||
border-bottom: 1px solid rgba(var(--text-color), 0.1);
|
||||
}
|
||||
#logo{
|
||||
display: grid;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
grid-template-columns: auto 1fr;
|
||||
gap: 0 0.5rem;
|
||||
margin-right: 1rem;
|
||||
h4{
|
||||
text-transform: capitalize;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
#main_logo{
|
||||
height: 1.4rem;
|
||||
width: 1.4rem;
|
||||
fill: rgba(var(--text-color), 1);
|
||||
stroke: none;
|
||||
}
|
||||
}
|
||||
.right{
|
||||
max-height: 100%;
|
||||
overflow-y: auto;
|
||||
}
|
||||
#side_nav{
|
||||
grid-area: side-nav;
|
||||
h4{
|
||||
font-size: 0.9rem;
|
||||
letter-spacing: 0.08em;
|
||||
text-transform: uppercase;
|
||||
padding: 1.5rem;
|
||||
}
|
||||
}
|
||||
.nav-list{
|
||||
list-style: none;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
li{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.nav-list__item{
|
||||
display: flex;
|
||||
padding: 0.8rem 1.5rem;
|
||||
#logo {
|
||||
display: grid;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
grid-template-columns: auto 1fr;
|
||||
gap: 0 0.5rem;
|
||||
margin-right: 1rem;
|
||||
h4 {
|
||||
text-transform: capitalize;
|
||||
&--active{
|
||||
color: var(--accent-color);
|
||||
.icon{
|
||||
fill: var(--accent-color);
|
||||
}
|
||||
}
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
#main_logo {
|
||||
height: 1.4rem;
|
||||
width: 1.4rem;
|
||||
fill: rgba(var(--text-color), 1);
|
||||
stroke: none;
|
||||
}
|
||||
}
|
||||
.right{
|
||||
.right {
|
||||
max-height: 100%;
|
||||
overflow-y: auto;
|
||||
}
|
||||
#side_nav {
|
||||
grid-area: side-nav;
|
||||
h4 {
|
||||
font-size: 0.9rem;
|
||||
letter-spacing: 0.08em;
|
||||
text-transform: uppercase;
|
||||
padding: 1.5rem;
|
||||
h1{
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.page{
|
||||
display: flex;
|
||||
.nav-list {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
li {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.nav-list__item {
|
||||
display: flex;
|
||||
padding: 0.8rem 1.5rem;
|
||||
text-transform: capitalize;
|
||||
&--active {
|
||||
color: var(--accent-color);
|
||||
.icon {
|
||||
fill: var(--accent-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
.right {
|
||||
padding: 1.5rem;
|
||||
h1 {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
}
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
|
||||
.card-wrapper {
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
|
||||
}
|
||||
.card {
|
||||
padding: 1.5rem;
|
||||
border-radius: 0.5rem;
|
||||
background: rgba(var(--text-color), 0.06);
|
||||
h3 {
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
tr {
|
||||
td {
|
||||
padding: 0.5rem 0;
|
||||
text-align: center;
|
||||
&:first-of-type {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 640px) {
|
||||
main {
|
||||
grid-template-rows: auto 1fr;
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.nav-list__item {
|
||||
flex-direction: column;
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
|
||||
|
||||
.card-wrapper{
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 0.4rem;
|
||||
span {
|
||||
font-size: 0.8rem;
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 640px) {
|
||||
sm-popup {
|
||||
--width: 32rem;
|
||||
}
|
||||
main {
|
||||
grid-template-columns: 14rem minmax(0, 1fr);
|
||||
grid-template-rows: auto 1fr;
|
||||
grid-template-areas: "main-header main-header" "side-nav .";
|
||||
}
|
||||
.nav-list {
|
||||
flex-direction: column;
|
||||
}
|
||||
.nav-list__item {
|
||||
align-items: center;
|
||||
justify-content: start;
|
||||
&--active {
|
||||
background: rgba(var(--text-color), 0.06);
|
||||
}
|
||||
.icon {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
}
|
||||
.right {
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
|
||||
grid-template-columns: 1fr 90% 1fr;
|
||||
& > * {
|
||||
grid-column: 2/3;
|
||||
}
|
||||
}
|
||||
.page__title {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
}
|
||||
.card{
|
||||
padding: 1.5rem;
|
||||
border-radius: 0.5rem;
|
||||
background: rgba(var(--text-color), .06);
|
||||
h3{
|
||||
font-weight: 500;
|
||||
@media (any-hover: hover) {
|
||||
::-webkit-scrollbar {
|
||||
width: 0.5rem;
|
||||
height: 0.5rem;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: rgba(var(--text-color), 0.3);
|
||||
border-radius: 1rem;
|
||||
&:hover {
|
||||
background: rgba(var(--text-color), 0.5);
|
||||
}
|
||||
}
|
||||
.nav-list__item:hover {
|
||||
background: rgba(var(--text-color), 0.1);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
tr{
|
||||
td{
|
||||
padding: 0.5rem 0;
|
||||
text-align: center;
|
||||
&:first-of-type{
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 640px){
|
||||
main{
|
||||
grid-template-rows: auto 1fr;
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.nav-list__item{
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 0.4rem;
|
||||
span{
|
||||
font-size: 0.8rem;
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 640px){
|
||||
sm-popup{
|
||||
--width: 32rem;
|
||||
}
|
||||
main{
|
||||
grid-template-columns: 14rem minmax(0, 1fr);
|
||||
grid-template-rows: auto 1fr;
|
||||
grid-template-areas: 'main-header main-header' 'side-nav .';
|
||||
}
|
||||
.nav-list{
|
||||
flex-direction: column;
|
||||
}
|
||||
.nav-list__item{
|
||||
align-items: center;
|
||||
justify-content: start;
|
||||
&--active{
|
||||
background: rgba(var(--text-color), .06);
|
||||
}
|
||||
.icon{
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
}
|
||||
.right{
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 90% 1fr;
|
||||
& > * {
|
||||
grid-column: 2/3;
|
||||
}
|
||||
}
|
||||
.page__title{
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
}
|
||||
@media (any-hover: hover){
|
||||
::-webkit-scrollbar{
|
||||
width: 0.5rem;
|
||||
height: 0.5rem;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb{
|
||||
background: rgba(var(--text-color), 0.3);
|
||||
border-radius: 1rem;
|
||||
&:hover{
|
||||
background: rgba(var(--text-color), 0.5);
|
||||
}
|
||||
}
|
||||
.nav-list__item:hover{
|
||||
background: rgba(var(--text-color), .1);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
118
index.html
118
index.html
@ -8,7 +8,9 @@
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&family=Roboto+Mono&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet" />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&family=Roboto+Mono&family=Roboto:wght@400;500;700&display=swap"
|
||||
rel="stylesheet" />
|
||||
|
||||
<script id="floGlobals">
|
||||
/* Constants for FLO blockchain operations !!Make sure to add this at beginning!! */
|
||||
@ -23,10 +25,6 @@
|
||||
|
||||
<body data-theme="light" class="hide" onload="onLoadStartUp()">
|
||||
<sm-notifications id="notification_drawer"></sm-notifications>
|
||||
<audio id="notification_sound">
|
||||
<source src="https://rmservices.duckdns.org/files/notification-sound.mp3" type="audio/mpeg" />
|
||||
<source src="https://rmservices.duckdns.org/files/notification-sound.ogg" type="audio/ogg" />
|
||||
</audio>
|
||||
<sm-popup id="confirmation_popup">
|
||||
<h4 id="confirm_title"></h4>
|
||||
<p id="confirm_message"></p>
|
||||
@ -122,7 +120,8 @@
|
||||
<div class="grid">
|
||||
<h5>Reset App Data?</h5>
|
||||
</div>
|
||||
<sm-button id='clearLocalData_button' class="danger cta justify-self-start" onclick="clearLocalData()">Reset Data
|
||||
<sm-button id='clearLocalData_button' class="danger cta justify-self-start"
|
||||
onclick="clearLocalData()">Reset Data
|
||||
</sm-button>
|
||||
<div class="grid">
|
||||
<h5>My FLO ID</h5>
|
||||
@ -273,34 +272,52 @@
|
||||
<article class="right language-html">
|
||||
<section id="dashboard" class="page">
|
||||
<h1 class="page__title">Tokenroom Economic system</h1>
|
||||
<p>Target: Consumption Valuation should be higher than Production valuation</p>
|
||||
<p>Amount to go till Consumption Valuation catches up with production Valuation</p>
|
||||
<div id="amount-left-production-consumption-catchup"></div>
|
||||
<div class="grid gap-0-5">
|
||||
<div>
|
||||
<p>Target: Consumption Valuation should be higher than Production valuation</p>
|
||||
<p>Amount to go till Consumption Valuation catches up with production Valuation</p>
|
||||
</div>
|
||||
<div id="amount-left-production-consumption-catchup">
|
||||
<sm-spinner></sm-spinner>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<h3>Production valuation</h3>
|
||||
<p id="total-amount-issued">-</p>
|
||||
<h3>Expenses</h3>
|
||||
<p id="total-amount-issued">
|
||||
<sm-spinner></sm-spinner>
|
||||
</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>Price per room night </h3>
|
||||
<p id="price-per-unit-consumption">30</p>
|
||||
<p id="price-per-unit-consumption">
|
||||
<sm-spinner></sm-spinner>
|
||||
</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>Total units of consumption measured</h3>
|
||||
<p id="total-consumption-measured">-</p>
|
||||
<h3>Total room nights stayed</h3>
|
||||
<p id="total-consumption-measured">
|
||||
<sm-spinner></sm-spinner>
|
||||
</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>Consumption amount USD</h3>
|
||||
<p id="total-consumption-cost">-</p>
|
||||
<h3>Revenue (Booked + stayed)</h3>
|
||||
<p id="total-consumption-cost">
|
||||
<sm-spinner></sm-spinner>
|
||||
</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>Consumption valuation</h3>
|
||||
<p id="consumption-valuation">-</p>
|
||||
<p id="consumption-valuation">
|
||||
<sm-spinner></sm-spinner>
|
||||
</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>System Valuation</h3>
|
||||
<p id="system-valuation">-</p>
|
||||
<p id="system-valuation">
|
||||
<sm-spinner></sm-spinner>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -326,7 +343,7 @@
|
||||
<div class="card-wrapper">
|
||||
<div class="card">
|
||||
<h3>My Token Valuation</h3>
|
||||
<p id="total-flobnb-valuation">-</p>
|
||||
<p id="total-flobnb-valuation"></p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>My Total MINING</h3>
|
||||
@ -405,7 +422,7 @@
|
||||
</template>
|
||||
<template id="miner_status_entry">
|
||||
<tr class='miner-status-entry'>
|
||||
<td class="miner-status-entry-floid"></td>
|
||||
<td class="miner-status-entry-floid"></td>
|
||||
<td class="tokens-to-release"></td>
|
||||
<td class="old-tokens"></td>
|
||||
<td class="new-tokens"></td>
|
||||
@ -497,24 +514,46 @@
|
||||
</script>
|
||||
|
||||
<script id="onLoadStartUp">
|
||||
|
||||
async function updateIdElement(elementId, value){
|
||||
element = document.getElementById(elementId)
|
||||
element.innerText = value
|
||||
|
||||
function formatAmount(amount) {
|
||||
console.log(amount)
|
||||
return amount.toLocaleString('en-US', { style: 'currency', currency: 'USD' })
|
||||
}
|
||||
|
||||
async function onLoadStartUp() {
|
||||
//floDapps.addStartUpFunction('Sample', Promised Function)
|
||||
//floDapps.setAppObjectStores({sampleObs1:{}, sampleObs2:{options{autoIncrement:true, keyPath:'SampleKey'}, Indexes:{sampleIndex:{}}}})
|
||||
//floDapps.setCustomPrivKeyInput( () => { FUNCTION BODY *must resolve private key* } )
|
||||
floDapps.setCustomPrivKeyInput(() => new Promise(() => { }))
|
||||
|
||||
//floDapps.setAppObjectStores({ images: {} })
|
||||
//floDapps.setCustomPrivKeyInput(getSignedIn)
|
||||
//floDapps.setMidStartup(load_overview_data)
|
||||
|
||||
//document.getElementById('subadmin-form-submit-button').addEventListener("click", submit_customer_form)
|
||||
|
||||
floDapps.setMidStartup(() => {
|
||||
return new Promise((resolve, reject) => {
|
||||
console.log('before fetch')
|
||||
fetch('https://esapi-tokenroom.ranchimall.net/api/economicSystem/data', {
|
||||
headers: {
|
||||
'Access-Control-Allow-Origin': '*'
|
||||
}
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
const { productionValuation, consumptionNumber, consumptionCost, consumptionValuation, systemValuation } = data
|
||||
getRef("total-amount-issued").textContent = formatAmount(productionValuation)
|
||||
getRef("price-per-unit-consumption").textContent = formatAmount(consumptionValuation / consumptionNumber)
|
||||
getRef("total-consumption-measured").textContent = consumptionNumber
|
||||
getRef("total-consumption-cost").textContent = formatAmount(consumptionCost)
|
||||
getRef("consumption-valuation").textContent = formatAmount(consumptionValuation)
|
||||
getRef("system-valuation").textContent = formatAmount(systemValuation)
|
||||
getRef("amount-left-production-consumption-catchup").textContent = formatAmount(Math.max(0, (productionValuation - consumptionValuation)))
|
||||
resolve()
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error:', error)
|
||||
reject(error)
|
||||
})
|
||||
})
|
||||
})
|
||||
floDapps.launchStartUp().then((result) => {
|
||||
console.log(result);
|
||||
//window.location.hash = '#userinfo';
|
||||
@ -528,33 +567,12 @@
|
||||
console.log('This is a subadmin')
|
||||
document.getElementById('subadmin-nav').classList.remove('hide')
|
||||
}
|
||||
|
||||
|
||||
// Show userinfo
|
||||
//document.getElementById('userinfo-nav').classList.remove('hide')
|
||||
//document.getElementById('userinfo-nav').click()
|
||||
|
||||
//App functions....
|
||||
console.log('before fetch')
|
||||
fetch('https://esapi-tokenroom.ranchimall.net/api/economicSystem/data',{
|
||||
headers: {
|
||||
'Access-Control-Allow-Origin': '*'
|
||||
}})
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
console.log('after fetch')
|
||||
p1 = updateIdElement("total-amount-issued", data["productionValuation"])
|
||||
p2 = updateIdElement("total-consumption-measured", data["consumptionNumber"])
|
||||
p3 = updateIdElement("total-consumption-cost", data["consumptionCost"])
|
||||
p5 = updateIdElement("consumption-valuation", data["consumptionValuation"])
|
||||
p6 = updateIdElement("system-valuation", data["systemValuation"])
|
||||
p7 = updateIdElement("amount-left-production-consumption-catchup", data["systemValuation"])
|
||||
|
||||
Promise.all([p1, p2, p3, p5, p6, p7]).then((values) => {
|
||||
console.log("Updated latest values");
|
||||
});
|
||||
|
||||
})
|
||||
.catch(error => console.error('Error:', error))
|
||||
|
||||
}).catch((error) => console.error(error));
|
||||
}
|
||||
|
||||
1418
js/components.min.js
vendored
1418
js/components.min.js
vendored
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user