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

UI improvements

Browse Source
This commit is contained in:
sairaj mote 2023-07-14 20:33:06 +05:30
parent 92a5c6b29f
commit 84a026291a
4 changed files with 37 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
docs/css/main.css
View File

@ -843,7 +843,7 @@ sm-checkbox {
} }
.orders_section__header { .orders_section__header {
min-height: 2.8rem; min-height: 3rem;
position: -webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
top: 0; top: 0;
@ -870,6 +870,9 @@ sm-checkbox {
border-radius: 0.5rem; border-radius: 0.5rem;
grid-template-areas: "checkbox quantity quantity time" "checkbox price amount cancel"; grid-template-areas: "checkbox quantity quantity time" "checkbox price amount cancel";
} }
.order-card:not(:last-child) {
margin-bottom: 1rem;
}
.order-card > .grid:nth-of-type(2) { .order-card > .grid:nth-of-type(2) {
grid-area: price; grid-area: price;
} }
@ -899,9 +902,10 @@ sm-checkbox {
cursor: pointer; cursor: pointer;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.order-card__quantity, .order-card__price { .order-card__quantity, .order-card__price, .order-card__amount {
font-size: 0.9rem; font-size: 0.9rem;
color: rgba(var(--text-color), 0.9); color: rgba(var(--text-color), 0.9);
font-weight: 700;
} }
.order-card__time { .order-card__time {
grid-area: time; grid-area: time;

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

File diff suppressed because one or more lines are too long

9
docs/css/main.scss
View File

@ -793,7 +793,7 @@ sm-checkbox {
grid-template-rows: auto 1fr; grid-template-rows: auto 1fr;
} }
.orders_section__header { .orders_section__header {
min-height: 2.8rem; min-height: 3rem;
position: sticky; position: sticky;
top: 0; top: 0;
background-color: rgba(var(--background-color), 1); background-color: rgba(var(--background-color), 1);
@ -814,6 +814,9 @@ sm-checkbox {
grid-template-columns: min-content 1fr auto; grid-template-columns: min-content 1fr auto;
border-radius: 0.5rem; border-radius: 0.5rem;
grid-template-areas: "checkbox quantity quantity time" "checkbox price amount cancel"; grid-template-areas: "checkbox quantity quantity time" "checkbox price amount cancel";
&:not(:last-child) {
margin-bottom: 1rem;
}
& > .grid { & > .grid {
&:nth-of-type(2) { &:nth-of-type(2) {
grid-area: price; grid-area: price;
@ -848,9 +851,11 @@ sm-checkbox {
margin-right: 0.5rem; margin-right: 0.5rem;
} }
&__quantity, &__quantity,
&__price { &__price,
&__amount {
font-size: 0.9rem; font-size: 0.9rem;
color: rgba(var(--text-color), 0.9); color: rgba(var(--text-color), 0.9);
font-weight: 700;
} }
&__time { &__time {

33
docs/index.html
View File

File diff suppressed because one or more lines are too long