minor UI fixes
This commit is contained in:
parent
83df56f259
commit
a0731450ac
@ -215,6 +215,18 @@ ul {
|
|||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.flex-1 {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-wrap {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.direction-column {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
.grid {
|
.grid {
|
||||||
display: grid;
|
display: grid;
|
||||||
}
|
}
|
||||||
@ -295,10 +307,6 @@ ul {
|
|||||||
justify-self: end;
|
justify-self: end;
|
||||||
}
|
}
|
||||||
|
|
||||||
.direction-column {
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.space-between {
|
.space-between {
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
@ -415,12 +423,12 @@ ul {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0 1.5rem;
|
padding: 0 1.5rem;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
justify-items: flex-start;
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup__header__close {
|
.popup__header__close {
|
||||||
padding: 0.5rem;
|
padding: 0.5rem;
|
||||||
margin-left: -0.7rem;
|
margin-left: -0.5rem;
|
||||||
cursor: pointer;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#main_page {
|
#main_page {
|
||||||
@ -874,6 +882,10 @@ sm-checkbox {
|
|||||||
margin-left: 0.3rem;
|
margin-left: 0.3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.transaction-card,
|
||||||
|
.live-order {
|
||||||
|
gap: 0 1rem;
|
||||||
|
}
|
||||||
.transaction-card__type,
|
.transaction-card__type,
|
||||||
.live-order__type {
|
.live-order__type {
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
@ -910,6 +922,10 @@ sm-checkbox {
|
|||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
color: rgba(var(--text-color), 0.9);
|
color: rgba(var(--text-color), 0.9);
|
||||||
}
|
}
|
||||||
|
.transaction-card .more-info,
|
||||||
|
.live-order .more-info {
|
||||||
|
padding: 0.3rem;
|
||||||
|
}
|
||||||
|
|
||||||
.transaction-card {
|
.transaction-card {
|
||||||
content-visibility: auto;
|
content-visibility: auto;
|
||||||
@ -1241,6 +1257,7 @@ sm-checkbox {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.popup__header {
|
.popup__header {
|
||||||
|
grid-column: 1/-1;
|
||||||
padding: 1rem 1.5rem 0 1.5rem;
|
padding: 1rem 1.5rem 0 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
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
@ -203,6 +203,15 @@ ul {
|
|||||||
.flex {
|
.flex {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
.flex-1 {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
.flex-wrap {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.direction-column {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
.grid {
|
.grid {
|
||||||
display: grid;
|
display: grid;
|
||||||
@ -283,10 +292,6 @@ ul {
|
|||||||
justify-self: end;
|
justify-self: end;
|
||||||
}
|
}
|
||||||
|
|
||||||
.direction-column {
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.space-between {
|
.space-between {
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
@ -394,12 +399,12 @@ ul {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0 1.5rem;
|
padding: 0 1.5rem;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
justify-items: flex-start;
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup__header__close {
|
.popup__header__close {
|
||||||
padding: 0.5rem;
|
padding: 0.5rem;
|
||||||
margin-left: -0.7rem;
|
margin-left: -0.5rem;
|
||||||
cursor: pointer;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#main_page {
|
#main_page {
|
||||||
@ -830,6 +835,7 @@ sm-checkbox {
|
|||||||
|
|
||||||
.transaction-card,
|
.transaction-card,
|
||||||
.live-order {
|
.live-order {
|
||||||
|
gap: 0 1rem;
|
||||||
&__type {
|
&__type {
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
@ -853,6 +859,9 @@ sm-checkbox {
|
|||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
color: rgba(var(--text-color), 0.9);
|
color: rgba(var(--text-color), 0.9);
|
||||||
}
|
}
|
||||||
|
.more-info {
|
||||||
|
padding: 0.3rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.transaction-card {
|
.transaction-card {
|
||||||
content-visibility: auto;
|
content-visibility: auto;
|
||||||
@ -1133,6 +1142,7 @@ sm-checkbox {
|
|||||||
--width: 24rem;
|
--width: 24rem;
|
||||||
}
|
}
|
||||||
.popup__header {
|
.popup__header {
|
||||||
|
grid-column: 1/-1;
|
||||||
padding: 1rem 1.5rem 0 1.5rem;
|
padding: 1rem 1.5rem 0 1.5rem;
|
||||||
}
|
}
|
||||||
#confirmation_popup {
|
#confirmation_popup {
|
||||||
|
|||||||
@ -1621,7 +1621,7 @@
|
|||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
getRef('my_orders__title').textContent = 'My trades'
|
getRef('my_orders__title').textContent = 'My trades'
|
||||||
transactions.forEach(transaction => {
|
transactions.reverse().forEach(transaction => {
|
||||||
const { asset, quantity, unitValue, tx_time, buyer, seller } = transaction
|
const { asset, quantity, unitValue, tx_time, buyer, seller } = transaction
|
||||||
let type, other;
|
let type, other;
|
||||||
if (seller === proxy.userID) {
|
if (seller === proxy.userID) {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user