Tsumanu/oswilno
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix mobile view

Browse Source
This commit is contained in:
Adrian Woźniak 2022-07-21 15:24:10 +02:00
parent 9146aae20f
commit 51b6d47c57
No known key found for this signature in database
GPG Key ID: 0012845A89C7352B
1 changed files with 27 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
client/src/offers/marketplace-offer.js
View File

@ -33,6 +33,32 @@ customElements.define('marketplace-offer', class extends Component {
:host([price-range-max="0"]) #sep {
display: none;
}
section {
display: grid;
column-gap: 16px;
grid-template-areas: "img img img"
"desc desc desc"
"min sep max";
grid-template-columns: auto 10px auto;
width: 90%;
}
#preview {
grid-area: img;
max-width: 200px;
margin: auto;
}
#description {
grid-area: desc;
}
#price-min {
grid-area: min;
justify-self: end;
}
#price-max {
grid-area: max;
justify-self: start;
}
@media only screen and (min-device-width: 1200px) {
section {
display: grid;
@ -67,7 +93,7 @@ customElements.define('marketplace-offer', class extends Component {
}
#price-max {
grid-area: max;
justify-self: end;
justify-self: start;
width: 100px;
text-align: left;
}