feat: adicionando imagens

gulpfile.js

@@ -19,6 +19,9 @@ const paths = {
         all: "src/scripts/**/*.js",
         main: "src/scripts/app.js",
     },
+    images: {
+        all: "src/assets/**",
+    },
     output: "dist",
 };
 
@@ -34,10 +37,11 @@ function sentinel() {
     watch(paths.html.all, { ignoreInitial: false }, html);
     watch(paths.styles.all, { ignoreInitial: false }, styles);
     watch(paths.scripts.all, { ignoreInitial: false }, scripts);
+    watch(paths.images.all, { ignoreInitial: false }, images);
 }
 
 function html() {
-    return src(paths.html.all).pipe(dest(paths.output));
+    return src(paths.html.all).pipe(dest(paths.output)).pipe(connect.reload());
 }
 
 function styles() {
@@ -62,4 +66,8 @@ function scripts() {
         .pipe(connect.reload());
 }
 
+function images() {
+    return src(paths.images.all).pipe(dest(paths.output));
+}
+
 exports.default = parallel(server, sentinel);

src/styles/partials/form.scss

@@ -11,8 +11,10 @@ textarea {
         display: flex;
         width: 100%;
         .input-image-container {
+            width: 23.81%;
+            height: 212px;
             .input-image-content {
-                width: 32%;
+                width: 100%;
                 height: 212px;
                 border: 2px solid $input-image-border-color;
             }

src/templates/index.html

@@ -16,7 +16,7 @@
 
     <main>
         <section class="container">
-            <h1 data-test=""title-form>Adicionar um Ponto Turístico</h1>
+            <h1 data-test="title-form">Adicionar um Ponto Turístico</h1>
             <form>
                 <div class="form-container">
                     <div class="form-inputs">