franklinblanco
/
jl-frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed footer bg

This commit is contained in:
Franklin 2023-04-04 11:29:34 -04:00
parent 58734785e9
commit ebb2d768ee
4 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/body.css
View File

@ -1,5 +1,6 @@
body { body {
margin: 0; /* Remove body margins */ margin: 0; /* Remove body margins */
background-color: rgb(250, 248, 248);
} }
.page-container { .page-container {
@ -8,6 +9,5 @@ body {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: stretch; align-items: stretch;
background-color: rgb(243, 243, 243);
} }

2
css/components/footer.css
View File

@ -8,7 +8,7 @@
width: 100%; width: 100%;
height: 170px; height: 170px;
background-color: #252631; background-color: #02114A;
} }
.footer-brand-container { .footer-brand-container {
display: flex; display: flex;

2
css/navbar.css
View File

@ -150,7 +150,7 @@
@media only screen and (min-width: 750px) { @media only screen and (min-width: 750px) {
.navbar-background { .navbar-background {
background-color: rgb(243, 243, 243); background-color: rgb(250, 248, 248);
border-radius: 0px; border-radius: 0px;
border-bottom: solid 0.5px #d8d8d8; border-bottom: solid 0.5px #d8d8d8;
min-height: 60px; min-height: 60px;

3
src/components/footer.rs
View File

@ -5,13 +5,14 @@ pub fn page_footer() -> Html {
html! { html! {
<div class={"footer"}> <div class={"footer"}>
<div class={"footer-brand-container"}> <div class={"footer-brand-container"}>
<img class={"footer-logo"} src={"images/proyectosenconstruccion_logo_transparent_bg.png"}/> <img class={"footer-logo"} src={"images/logo-white.png"}/>
<div class={"footer-copyright-text"}>{"© 2023 Proyectos en Construcción - Todos los derechos Reservados"}</div> <div class={"footer-copyright-text"}>{"© 2023 Proyectos en Construcción - Todos los derechos Reservados"}</div>
<div class={"footer-credit-container"}> <div class={"footer-credit-container"}>
<div class={"footer-credit"}>{"Powered by"}</div> <div class={"footer-credit"}>{"Powered by"}</div>
<div class={"footer-credit-url"}>{"Blanco Studios"}</div> <div class={"footer-credit-url"}>{"Blanco Studios"}</div>
</div> </div>
</div> </div>
/* /*
<div class={"footer-call-to-action-container"}> <div class={"footer-call-to-action-container"}>
<input placeholder={"AAA"} class={"footer-call-to-action-input"}/> <input placeholder={"AAA"} class={"footer-call-to-action-input"}/>