diff --git a/src/scripts/components/form.js b/src/scripts/components/form.js index 1518169..c45cdab 100644 --- a/src/scripts/components/form.js +++ b/src/scripts/components/form.js @@ -28,15 +28,15 @@ export class Form { } selectors() { - this.src = document.querySelector(".input-image-content"); - this.form = document.querySelector(".form"); - this.itemTitle = document.getElementById("titleInput"); - this.itemDescription = document.getElementById("descriptionText"); + this.preview = document.querySelector(".input-image-content"); + this.form = document.querySelector("form"); + this.itemTitle = document.querySelector("#titleInput"); + this.itemDescription = document.querySelector("#descriptionText"); this.slider = document.querySelector(".slider-list"); } events() { - this.src.addEventListener("change", (e) => { + this.preview.addEventListener("change", (e) => { document.querySelector("img").src = URL.createObjectURL(e.target.files[0]); }); this.form.addEventListener("submit", this.addItemToList.bind(this)); @@ -80,7 +80,7 @@ export class Form { } resetInputs() { - this.src.value = ""; + this.preview.value = ""; this.itemTitle.value = ""; this.itemDescription.value = ""; } diff --git a/src/scripts/components/slider.js b/src/scripts/components/slider.js index 6cb4ead..d2f05cf 100644 --- a/src/scripts/components/slider.js +++ b/src/scripts/components/slider.js @@ -9,7 +9,7 @@ export class Slider { $(".slider-list").slick({ infinite: true, slidesToShow: 4, - slidesToScroll: 1, + slidesToScroll: 4, variableWidth: true, arrows: true, dots: true, diff --git a/src/styles/partials/slider.scss b/src/styles/partials/slider.scss index 7e12c87..da12d97 100644 --- a/src/styles/partials/slider.scss +++ b/src/styles/partials/slider.scss @@ -38,7 +38,7 @@ h2 { font-size: 24px; line-height: 28px; color: $title-item-list-color; - max-height: 60px; + height: 60px; margin: 24px 24px 8px 24px; overflow-y: auto; -ms-overflow-style: none; diff --git a/src/templates/index.html b/src/templates/index.html index 2736f2e..c5009b4 100644 --- a/src/templates/index.html +++ b/src/templates/index.html @@ -18,12 +18,12 @@

Adicionar um Ponto Turístico

-
+
- - + + preview da imagem
@@ -84,18 +84,6 @@ amet sint. Velit officia consece duis enim velit mollit.

-