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

UI improvements

Browse Source
This commit is contained in:
sairaj mote 2023-07-17 01:44:40 +05:30
parent 01b5bd7538
commit 614563c0e4
4 changed files with 69 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
docs/css/main.css
View File

@ -353,6 +353,7 @@ ul {
width: 1.2rem; width: 1.2rem;
height: 1.2rem; height: 1.2rem;
fill: rgba(var(--text-color), 0.8); fill: rgba(var(--text-color), 0.8);
flex-shrink: 0;
} }
.margin-right-0-5 { .margin-right-0-5 {
@ -815,6 +816,21 @@ sm-checkbox {
width: 100%; width: 100%;
} }
#price_chart_wrapper:has(#price_history_chart:empty) {
background-color: rgba(var(--background-color), 0.8);
border-radius: 0.5rem;
margin-bottom: 1rem;
}
.no-data {
margin: auto;
background-color: rgba(var(--text-color), 0.03);
padding: 0.6rem 1rem;
border-radius: 5rem;
font-weight: 500;
font-size: 0.8rem;
}
#trade_form { #trade_form {
height: 100%; height: 100%;
} }
@ -1403,8 +1419,12 @@ sm-checkbox {
.empty-state { .empty-state {
align-self: center; align-self: center;
} }
theme-toggle {
order: 2;
}
#user_popup_button { #user_popup_button {
width: 100%; flex: 1;
order: 1;
} }
.main_navbar__item--active .item__title { .main_navbar__item--active .item__title {
transform: translateY(100%); transform: translateY(100%);
@ -1464,7 +1484,7 @@ sm-checkbox {
#asset_page__footer button.active .icon { #asset_page__footer button.active .icon {
fill: var(--accent-color); fill: var(--accent-color);
} }
.hide-on-mobile { .hide-on-small {
display: none !important; display: none !important;
} }
} }
@ -1549,14 +1569,6 @@ sm-checkbox {
grid-template-columns: 17rem minmax(0, 1fr); grid-template-columns: 17rem minmax(0, 1fr);
align-items: flex-start; align-items: flex-start;
} }
.no-data {
margin: auto;
background-color: rgba(var(--text-color), 0.03);
padding: 0.6rem 1rem;
border-radius: 5rem;
font-weight: 500;
font-size: 0.8rem;
}
#price_history_chart { #price_history_chart {
height: 20rem; height: 20rem;
} }

2
docs/css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

30
docs/css/main.scss
View File

@ -338,6 +338,7 @@ ul {
width: 1.2rem; width: 1.2rem;
height: 1.2rem; height: 1.2rem;
fill: rgba(var(--text-color), 0.8); fill: rgba(var(--text-color), 0.8);
flex-shrink: 0;
} }
.margin-right-0-5 { .margin-right-0-5 {
@ -770,6 +771,19 @@ sm-checkbox {
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
#price_chart_wrapper:has(#price_history_chart:empty) {
background-color: rgba(var(--background-color), 0.8);
border-radius: 0.5rem;
margin-bottom: 1rem;
}
.no-data {
margin: auto;
background-color: rgba(var(--text-color), 0.03);
padding: 0.6rem 1rem;
border-radius: 5rem;
font-weight: 500;
font-size: 0.8rem;
}
#trade_form { #trade_form {
height: 100%; height: 100%;
&::part(form) { &::part(form) {
@ -1285,8 +1299,12 @@ sm-checkbox {
.empty-state { .empty-state {
align-self: center; align-self: center;
} }
theme-toggle {
order: 2;
}
#user_popup_button { #user_popup_button {
width: 100%; flex: 1;
order: 1;
} }
.main_navbar__item--active { .main_navbar__item--active {
.item__title { .item__title {
@ -1350,7 +1368,7 @@ sm-checkbox {
} }
} }
} }
.hide-on-mobile { .hide-on-small {
display: none !important; display: none !important;
} }
} }
@ -1437,14 +1455,6 @@ sm-checkbox {
align-items: flex-start; align-items: flex-start;
} }
} }
.no-data {
margin: auto;
background-color: rgba(var(--text-color), 0.03);
padding: 0.6rem 1rem;
border-radius: 5rem;
font-weight: 500;
font-size: 0.8rem;
}
#price_history_chart { #price_history_chart {
height: 20rem; height: 20rem;
} }

52
docs/index.html
View File

File diff suppressed because one or more lines are too long