Browse Source

changes in pictures positioning

master
max 2 years ago
parent
commit
78e2873e70
  1. 24
      src/pages/CyberTrack.vue
  2. 31
      src/pages/TeslaMode.vue

24
src/pages/CyberTrack.vue

@ -34,9 +34,9 @@
h2.advantages-description__header FLEXIBLE INTERIOR h2.advantages-description__header FLEXIBLE INTERIOR
p.advantages-description__text Seat six comfortably with additional storage under the second-row seats. Complete with an advanced 17″ touchscreen with an all-new customized user interface. p.advantages-description__text Seat six comfortably with additional storage under the second-row seats. Complete with an advanced 17″ touchscreen with an all-new customized user interface.
.advantages-img .advantages-img
img.advantages-img__img1(src="../assets/images/cyber-from-back.png" alt="") img.advantages-img(src="../assets/images/cyber-from-back.png" alt="")
img.advantages-img__img2(src="../assets/images/cyber-open-back.png" alt="") img.advantages-img(src="../assets/images/cyber-open-back.png" alt="")
img.advantages-img__img3(src="../assets/images/cyber-inside.png" alt="") img.advantages-img(src="../assets/images/cyber-inside.png" alt="")
.vid-descr .vid-descr
video.vid-descr__vid(src="http://infoviolence.org/ru/vblog/v720view/infoviolence_041.mp4" autoplay controls) video.vid-descr__vid(src="http://infoviolence.org/ru/vblog/v720view/infoviolence_041.mp4" autoplay controls)
h2.vid-descr__descr CYBERTRACK h2.vid-descr__descr CYBERTRACK
@ -234,25 +234,23 @@
} }
&-img { &-img {
&__img1 { display: block;
margin-left: 63px;
&:nth-child(1) {
max-height: 305px; max-height: 305px;
max-width: 545px; max-width: 545px;
margin-left: 63px;
margin-right: 45px; margin-right: 45px;
} }
&__img2 { &:nth-child(2) {
position: absolute;
top: 275px;
right: 0;
max-height: 251px; max-height: 251px;
max-width: 502px; max-width: 502px;
margin-top: -45px;
margin-left: 150px;
} }
&__img3 { &:nth-child(3) {
position: absolute;
bottom: 0;
right: 220px;
max-height: 188px; max-height: 188px;
max-width: 376px; max-width: 376px;
} }

31
src/pages/TeslaMode.vue

@ -26,9 +26,9 @@
.fabric .fabric
img(src="../assets/images/fabric.png" alt="") img(src="../assets/images/fabric.png" alt="")
.container.test-drive .container.test-drive
.test-drive__image .test-drive__img
img.test-drive__image1(src="../assets/images/car-back.png") img.test-drive__img(src="../assets/images/car-back.png")
img.test-drive__image2(src="../assets/images/tesla-wheel.png") img.test-drive__img(src="../assets/images/tesla-wheel.png")
.test-drive__txt .test-drive__txt
h2 Test drive h2 Test drive
.description .description
@ -171,19 +171,28 @@
display: flex; display: flex;
margin-bottom: 250px; margin-bottom: 250px;
max-width: 1139px; max-width: 1139px;
max-height: 801px;
position: relative; position: relative;
padding-bottom: 155px; padding-bottom: 155px;
&__image1{ &__img {
height: 646px; display: block;
margin-right: 416px; margin-right: 416px;
}
&__image2{ &:first-child {
height: 436px; max-height: 646px;
position: absolute; max-width: 363px;
left: 277px; height: 100%;
bottom: 0; width: 100%;
}
&:last-child {
max-height: 436px;
max-width: 436px;
margin-right: 0;
margin-left: 277px;
margin-top: -290px;
}
} }
&__txt{ &__txt{

Loading…
Cancel
Save