feat(TouristAttractions): Cria espaçamento entre as bordas, titulos e inputs

This commit is contained in:
William Simão Cavalcante 2022-11-16 14:01:46 -03:00
parent add46e4739
commit ea99c2ca00
2 changed files with 22 additions and 1 deletions

View File

@ -11,10 +11,11 @@
<body> <body>
<main> <main>
<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 type="file" data-test="input-image">
@ -35,6 +36,13 @@
</div> </div>
<h1 class="page-titulo__img__spot">Pontos Turísticos</h1>
<div>
</div>
</main> </main>
</body> </body>

View File

@ -10,10 +10,13 @@
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;
} }
.wrapper-input__img input { .wrapper-input__img input {
@ -116,3 +119,13 @@
cursor: pointer; cursor: pointer;
} }
.page-titulo__img__spot {
font-family: "Poppins", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 120%;
margin: 60px 130px 38px;
}