Sothis/viabiliza
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

REFACTOR: Corrigindo estilizações e estrutura HTML para telas grandes.

Browse Source
This commit is contained in:
tulioperdigao 2025-10-16 16:09:37 -03:00
parent 77ab072a40
commit 40cc76fa54
2 changed files with 32 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
public/index.html
View File

@ -10,11 +10,13 @@
</head> </head>
<body class="p-4"> <body class="p-4">
<div class="header__container"> <div class="header__container">
<div class="header-title__container"> <div class="header-content">
<h1 class="mb-4">Validação de Viabilidade</h1> <div class="header-title__container">
</div> <h1 class="mb-4">Validação de Viabilidade</h1>
<div class="header-logo__container"> </div>
<img src="./assets/logo_login-sothis.png" alt="Logo Branco Sothis" width="120"> <div class="header-logo__container">
<img src="./assets/logo_login-sothis.png" alt="Logo Branco Sothis" width="120">
</div>
</div> </div>
</div> </div>

30
public/style.css
View File

@ -1,14 +1,23 @@
@charset "UTF-8"; @charset "UTF-8";
.header__container { .header__container {
background-color: #234164;
width: 100%;
margin-bottom: 50px;
display: flex;
justify-content: center;
padding: 1rem 12px;
}
.header-content {
width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding-left: 10px;
background-color: #234164; padding-right: 10px;
width: 100%; margin-left: 100px;
padding: 20px 125px 25px 125px; margin-right: 100px;
margin-bottom: 50px;
} }
.header-title__container > h1 { .header-title__container > h1 {
@ -45,6 +54,11 @@ button:hover {
padding-right: 20px; padding-right: 20px;
} }
.header-content {
margin-left: 0px;
margin-right: 0px;
}
.header-title__container > h1{ .header-title__container > h1{
font-size: 16px; font-size: 16px;
} }
@ -53,3 +67,9 @@ button:hover {
width: 80px; width: 80px;
} }
} }
@media screen and (min-width: 1200px) {
.header-content {
max-width: 1320px;
}
}