minor UI fixes

This commit is contained in:
sairaj mote 2022-05-26 18:16:40 +05:30
parent b5c20be089
commit 4e2cf1bbd8
4 changed files with 10 additions and 10 deletions

View File

@ -690,15 +690,13 @@ sm-checkbox {
#pages_container {
display: flex;
flex-direction: column;
flex: 1;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
overflow-y: auto;
}
#pages_container > * {
flex: 1;
padding: 0 1.5rem;
min-width: min(26rem, 100%);
}
@ -828,6 +826,9 @@ sm-checkbox {
#my_orders,
#market {
width: min(46rem, 100%);
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
}
#my_orders {
@ -1487,6 +1488,7 @@ sm-checkbox {
}
.mobile-page {
align-self: flex-start;
padding: 2rem;
border-radius: 0.5rem;
background-color: rgba(var(--foreground-color), 1);
@ -1547,7 +1549,6 @@ sm-checkbox {
.is-signed-in #exchange {
display: flex;
width: 100%;
}
.is-signed-in #exchange_wrapper {
display: grid;

File diff suppressed because one or more lines are too long

View File

@ -645,14 +645,12 @@ sm-checkbox {
}
#pages_container {
display: flex;
flex-direction: column;
flex: 1;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
overflow-y: auto;
& > * {
flex: 1;
padding: 0 1.5rem;
min-width: min(26rem, 100%);
}
@ -776,6 +774,7 @@ sm-checkbox {
#my_orders,
#market {
width: min(46rem, 100%);
height: max-content;
}
#my_orders {
grid-template-rows: auto 1fr;
@ -1327,6 +1326,7 @@ sm-checkbox {
grid-template-columns: 1fr 90vw 1fr;
}
.mobile-page {
align-self: flex-start;
padding: 2rem;
border-radius: 0.5rem;
background-color: rgba(var(--foreground-color), 1);
@ -1380,7 +1380,6 @@ sm-checkbox {
.is-signed-in {
#exchange {
display: flex;
width: 100%;
}
#exchange_wrapper {
display: grid;

View File

@ -265,7 +265,7 @@
d="M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.25 2.52.77-1.28-3.52-2.09V8z" />
</svg>
<h4>
No orders placed yet
No live orders
</h4>
<p>My orders will only show completed orders</p>
</div>