🎨 empeche l'effet 'FOUC' et améliore la page d'accueil
parent
6e7b2361b9
commit
4719175af7
|
@ -11,6 +11,11 @@
|
|||
<!-- data-helmet pour que React Helmet puisse écraser ce meta par défaut -->
|
||||
<link href='https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,500,600,700' rel='stylesheet' type='text/css'>
|
||||
<link rel="manifest" href="/manifest.webmanifest">
|
||||
<style>
|
||||
#js {
|
||||
display: none
|
||||
}
|
||||
</style>
|
||||
<meta name="theme-color" content="#2975d1">
|
||||
</head>
|
||||
|
||||
|
|
|
@ -3,7 +3,16 @@
|
|||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
@media (min-width: 500px) {
|
||||
.landing__header {
|
||||
padding: 1.75rem;
|
||||
}
|
||||
.landing__banner {
|
||||
border-top-left-radius: 0.7rem;
|
||||
border-top-right-radius: 0.7rem;
|
||||
}
|
||||
}
|
||||
.landing__header h1 {
|
||||
color: inherit;
|
||||
|
@ -11,15 +20,17 @@
|
|||
|
||||
.landing__header header {
|
||||
text-align: center;
|
||||
animation: fade-in 1s;
|
||||
|
||||
background: linear-gradient(
|
||||
227deg,
|
||||
80deg,
|
||||
rgba(39, 69, 195, 0.87) 10%,
|
||||
rgba(41, 117, 209, 1) 60%,
|
||||
rgba(200, 40, 120, 0.52) 100%
|
||||
);
|
||||
color: white;
|
||||
|
||||
border: 1px solid rgba(255, 255, 255, 0.9);
|
||||
border: 1px solid rgba(255, 255, 255, 1);
|
||||
padding: 1rem;
|
||||
}
|
||||
.landing__header ul {
|
||||
|
@ -38,14 +49,19 @@
|
|||
.landing__banner {
|
||||
height: 100px;
|
||||
width: 100%;
|
||||
opacity: 0.9;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background: white;
|
||||
border-top-left-radius: 0.7rem;
|
||||
border-top-right-radius: 0.7rem;
|
||||
padding: 1rem;
|
||||
}
|
||||
@keyframes fade-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/* Pris sur urssaf.fr */
|
||||
@media (min-width: 1200px) {
|
||||
.landing__banner,
|
||||
|
|
|
@ -27,3 +27,7 @@ body {
|
|||
ul.ui__.no-bullet {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#js {
|
||||
display: block;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue