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

minor UI fixes

Browse Source
This commit is contained in:
sairaj mote 2022-04-03 16:33:01 +05:30
parent 0be1579231
commit 317d1eb210
4 changed files with 11 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
docs/css/main.css
View File

@ -613,9 +613,9 @@ sm-checkbox {
width: 100%;
justify-content: center;
overflow-y: auto;
padding: 0 1.5rem;
}
#pages_container > * {
padding: 0 1.5rem;
width: min(42rem, 100%);
}
@ -664,10 +664,6 @@ sm-checkbox {
min-width: 8ch;
}
#exchange {
padding: 0;
}
#exchange_wrapper {
display: flex;
flex-direction: column;
@ -675,6 +671,7 @@ sm-checkbox {
}
#asset_page {
display: grid;
height: 100%;
}
@ -1038,20 +1035,9 @@ sm-checkbox {
display: none !important;
}
#asset_page__nav {
padding: 1rem 1.5rem 1.5rem 1.5rem;
}
#login_form,
#trade_form,
#asset_list_wrapper,
#chart_header {
padding: 0 1.5rem;
}
#asset_page {
display: flex;
flex-direction: column;
grid-template-columns: minmax(0, 1fr);
grid-template-rows: auto minmax(0, 1fr);
}
.listed-asset {
@ -1144,7 +1130,6 @@ sm-checkbox {
.is-signed-in #exchange {
display: flex;
width: 100%;
padding: 0 1.5rem;
}
.is-signed-in #exchange_wrapper {
display: grid;

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

File diff suppressed because one or more lines are too long

20
docs/css/main.scss
View File

@ -588,8 +588,8 @@ sm-checkbox {
width: 100%;
justify-content: center;
overflow-y: auto;
& > * {
padding: 0 1.5rem;
& > * {
width: min(42rem, 100%);
}
}
@ -634,15 +634,13 @@ sm-checkbox {
font-weight: 500;
min-width: 8ch;
}
#exchange {
padding: 0;
}
#exchange_wrapper {
display: flex;
flex-direction: column;
height: 100%;
}
#asset_page {
display: grid;
height: 100%;
}
#asset_page__nav {
@ -963,18 +961,9 @@ sm-checkbox {
.hide-on-mobile {
display: none !important;
}
#asset_page__nav {
padding: 1rem 1.5rem 1.5rem 1.5rem;
}
#login_form,
#trade_form,
#asset_list_wrapper,
#chart_header {
padding: 0 1.5rem;
}
#asset_page {
display: flex;
flex-direction: column;
grid-template-columns: minmax(0, 1fr);
grid-template-rows: auto minmax(0, 1fr);
}
.listed-asset {
border-radius: 0;
@ -1055,7 +1044,6 @@ sm-checkbox {
#exchange {
display: flex;
width: 100%;
padding: 0 1.5rem;
}
#exchange_wrapper {
display: grid;

4
docs/index.html
View File

@ -1223,7 +1223,7 @@
})
lineSeries.setData(data);
new ResizeObserver(entries => {
chartDimensions.height = entries[0].contentRect.height;
chartDimensions.height = entries[0].contentRect.height - 10;
chartDimensions.width = entries[0].contentRect.width;
chart.applyOptions({ width: chartDimensions.width, height: chartDimensions.height });
}).observe(getRef('price_chart_wrapper'));
@ -1351,7 +1351,7 @@
const chartObserver = new IntersectionObserver(entries => {
if (entries[0].isIntersecting && chart) {
const { width, height } = entries[0].target.getBoundingClientRect()
chartDimensions.height = height;
chartDimensions.height = height - 10;
chartDimensions.width = width;
chart.applyOptions({ width: chartDimensions.width, height: chartDimensions.height });
}