From a30645d23bfd02fe66a2cc53b9239120d8c36e9a Mon Sep 17 00:00:00 2001 From: xdrm-brackets Date: Wed, 19 Oct 2022 17:42:44 +0200 Subject: [PATCH] feat: make the timeline header dark --- src/components/Timeline.vue | 12 ++++++------ src/locales/fr.json | 2 +- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/src/components/Timeline.vue b/src/components/Timeline.vue index 5d3729e..c7f26ff 100644 --- a/src/components/Timeline.vue +++ b/src/components/Timeline.vue @@ -337,21 +337,21 @@ export default class Timeline extends Vue { &.fixed { position: fixed; left: 1rem; - width: calc( 100% - #{1*2rem} ); - margin-top: 1rem; + width: calc( 100% - #{2*1rem} ); - background: #fff; + opacity: .95; + background: #2b2d37; // 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 { opacity: 1; } h3 { - color: #000; + color: #fff; } input { diff --git a/src/locales/fr.json b/src/locales/fr.json index c2b64e5..5cff8ad 100644 --- a/src/locales/fr.json +++ b/src/locales/fr.json @@ -12,7 +12,7 @@ "timeline.title": "Chronologie des projets avec", "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-after-1": "projet",