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

File diff suppressed because one or more lines are too long

View File

@ -645,14 +645,12 @@ sm-checkbox {
} }
#pages_container { #pages_container {
display: flex; display: flex;
flex-direction: column;
flex: 1; flex: 1;
width: 100%; width: 100%;
height: 100%; height: 100%;
align-items: center; justify-content: center;
overflow-y: auto; overflow-y: auto;
& > * { & > * {
flex: 1;
padding: 0 1.5rem; padding: 0 1.5rem;
min-width: min(26rem, 100%); min-width: min(26rem, 100%);
} }
@ -776,6 +774,7 @@ sm-checkbox {
#my_orders, #my_orders,
#market { #market {
width: min(46rem, 100%); width: min(46rem, 100%);
height: max-content;
} }
#my_orders { #my_orders {
grid-template-rows: auto 1fr; grid-template-rows: auto 1fr;
@ -1327,6 +1326,7 @@ sm-checkbox {
grid-template-columns: 1fr 90vw 1fr; grid-template-columns: 1fr 90vw 1fr;
} }
.mobile-page { .mobile-page {
align-self: flex-start;
padding: 2rem; padding: 2rem;
border-radius: 0.5rem; border-radius: 0.5rem;
background-color: rgba(var(--foreground-color), 1); background-color: rgba(var(--foreground-color), 1);
@ -1380,7 +1380,6 @@ sm-checkbox {
.is-signed-in { .is-signed-in {
#exchange { #exchange {
display: flex; display: flex;
width: 100%;
} }
#exchange_wrapper { #exchange_wrapper {
display: grid; 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" /> 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> </svg>
<h4> <h4>
No orders placed yet No live orders
</h4> </h4>
<p>My orders will only show completed orders</p> <p>My orders will only show completed orders</p>
</div> </div>