minor UI fixes
This commit is contained in:
parent
b5c20be089
commit
4e2cf1bbd8
@ -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;
|
||||||
|
|||||||
2
docs/css/main.min.css
vendored
2
docs/css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -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;
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user