WilliamSimao/challenge-tourist-attractions-WilliamSimao
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(TouristAttractions): co

Browse Source
This commit is contained in:
William Simão Cavalcante 2022-11-16 20:04:45 -03:00
parent 644649bf1a
commit ab7fa8409d
3 changed files with 26 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
index.html
View File

@ -11,15 +11,15 @@
<body> <body>
<main> <main>
<div class="container-h1-input">
<h1 class="page-titulo__tourist" data-test="title-form">Adicionar um Ponto Turístico</h1> <h1 class="page-titulo__tourist" data-test="title-form">Adicionar um Ponto Turístico</h1>
<div class="container-input"> <div class="container-input">
<div class="wrapper-input__img"> <div class="wrapper-input__img">
<label> <label>
<input type="file" data-test="input-image"> <input id="input__img" type="file" data-test="input-image">
<span>Imagem</span> <span class="span__img">Imagem</span>
</label> </label>
</div> </div>
@ -33,17 +33,16 @@
</div> </div>
</div> </div>
<h1 data-test="title-list" class="page-titulo__img__spot">Pontos Turísticos</h1> <h1 data-test="title-list" class="page-titulo__img__spot">Pontos Turísticos</h1>
<div>
</div> </div>
</main> </main>
<script src="js.js"></script>
</body> </body>
</html> </html>

6
js.js Normal file
View File

@ -0,0 +1,6 @@
document.addEventListener('DOMContentLoaded', function () {
});

19
style.css
View File

@ -7,19 +7,26 @@
box-sizing: border-box; box-sizing: border-box;
} }
.container-h1-input {
padding: 40px 130px;
}
.page-titulo__tourist { .page-titulo__tourist {
font-family: "Poppins", sans-serif; font-family: "Poppins", sans-serif;
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
font-size: 32px; font-size: 32px;
line-height: 120%; line-height: 120%;
margin: 40px 130px;
} }
.container-input { .container-input {
display: flex; display: flex;
margin: 0 130px;
margin: 40px 0 60px;
}
.img-result {
width: 100%;
} }
.wrapper-input__img input { .wrapper-input__img input {
@ -123,12 +130,14 @@
cursor: pointer; cursor: pointer;
} }
.button-submit__input:hover {
background: #e93137;
}
.page-titulo__img__spot { .page-titulo__img__spot {
font-family: "Poppins", sans-serif; font-family: "Poppins", sans-serif;
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
font-size: 32px; font-size: 32px;
line-height: 120%; line-height: 120%;
margin: 60px 130px 38px;
} }