feat: make the timeline header dark
This commit is contained in:
parent
01fdd1abd0
commit
a30645d23b
|
@ -337,21 +337,21 @@ export default class Timeline extends Vue {
|
||||||
&.fixed {
|
&.fixed {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
left: 1rem;
|
left: 1rem;
|
||||||
width: calc( 100% - #{1*2rem} );
|
width: calc( 100% - #{2*1rem} );
|
||||||
margin-top: 1rem;
|
|
||||||
|
|
||||||
background: #fff;
|
opacity: .95;
|
||||||
|
background: #2b2d37;
|
||||||
// background: linear-gradient(to top right, #564ba4, #745cfc);
|
// background: linear-gradient(to top right, #564ba4, #745cfc);
|
||||||
border-radius: 1rem / 1rem;
|
border-radius: 0 0 1rem 1rem;
|
||||||
|
|
||||||
box-shadow: 0 0 1em darken(#202228, 5%);
|
box-shadow: 0 0 1em .5em darken(#202228, 5%);
|
||||||
|
|
||||||
img {
|
img {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
color: #000;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
input {
|
input {
|
||||||
|
|
|
@ -12,7 +12,7 @@
|
||||||
|
|
||||||
"timeline.title": "Chronologie des projets avec",
|
"timeline.title": "Chronologie des projets avec",
|
||||||
"timeline.title-all": "Chronologie des tous les projets",
|
"timeline.title-all": "Chronologie des tous les projets",
|
||||||
"timeline.back": "Choisir compétence",
|
"timeline.back": "Changer de compétence",
|
||||||
|
|
||||||
"skills.featured-before": "Apparaît dans",
|
"skills.featured-before": "Apparaît dans",
|
||||||
"skills.featured-after-1": "projet",
|
"skills.featured-after-1": "projet",
|
||||||
|
|
Loading…
Reference in New Issue