🎨 rends le footer plus discret
parent
24ff1ad41c
commit
05445c15af
|
@ -1,5 +1,5 @@
|
|||
.footer {
|
||||
padding-top: 0.3rem;
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 1rem;
|
||||
margin-top: 6rem;
|
||||
background-color: rgba(41, 117, 209, 0.133);
|
||||
|
@ -10,7 +10,8 @@
|
|||
}
|
||||
|
||||
.footer p {
|
||||
opacity: 0.9;
|
||||
opacity: 0.8;
|
||||
font-size: 0.9rem;
|
||||
margin-bottom: 1.2em;
|
||||
}
|
||||
.footer a {
|
||||
|
|
|
@ -7,12 +7,6 @@ import betaGouvSvg from './logo-betagouv.svg'
|
|||
const Footer = ({ colours: { colour } }) => (
|
||||
<footer className="footer" style={{ backgroundColor: `${colour}22` }}>
|
||||
<div className="ui__ container">
|
||||
<p>
|
||||
This website is provided by the{' '}
|
||||
<a href="https://www.urssaf.fr">URSSAF</a>, the French social security
|
||||
contributions collector, with the help of the French government's
|
||||
startup incubator, <a href="https://beta.gouv.fr">beta.gouv.fr</a>.
|
||||
</p>
|
||||
<div id="footerIcons">
|
||||
<a href="https://urssaf.fr">
|
||||
<img src={urssafSvg} alt="un service fourni par l'URSSAF" />
|
||||
|
@ -24,6 +18,12 @@ const Footer = ({ colours: { colour } }) => (
|
|||
/>
|
||||
</a>
|
||||
</div>
|
||||
<p>
|
||||
This website is provided by the{' '}
|
||||
<a href="https://www.urssaf.fr">URSSAF</a>, the French social security
|
||||
contributions collector, with the help of the French government's
|
||||
startup incubator, <a href="https://beta.gouv.fr">beta.gouv.fr</a>.
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
)
|
||||
|
|
Loading…
Reference in New Issue