xdrm-brackets
/
xdrm.io
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

feat: timeline add project count

This commit is contained in:
Adrien Marquès 2022-10-19 17:29:15 +02:00
parent c6217babc4
commit 01fdd1abd0
Signed by: xdrm-brackets
GPG Key ID: D75243CA236D825E
1 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/Timeline.vue
View File

@ -4,7 +4,9 @@
<div id='search-header' ref='header'> <div id='search-header' ref='header'>
<img src='../assets/timeline/logo.svg'/> <img src='../assets/timeline/logo.svg'/>
<span> <span>
<h3>{{ $t( (skill == null) ? 'timeline.title-all' : 'timeline.title') }}</h3> <SkillCard v-show='skill != null' :id='skill' :active='true'/> <h6>{{ projects.length }}</h6>
<h3>{{ $t( (skill == null) ? 'timeline.title-all' : 'timeline.title') }}</h3>
<SkillCard v-show='skill != null' :id='skill' :active='true'/>
</span> </span>
<input type='button' :value="$t('timeline.back')" @click='$event.preventDefault(); scrollBack()'/> <input type='button' :value="$t('timeline.back')" @click='$event.preventDefault(); scrollBack()'/>
</div> </div>
@ -302,6 +304,19 @@ export default class Timeline extends Vue {
} }
} }
h6 {
display: block;
margin-right: .5em;
padding: .2em .5em;
font-size: 1em;
color: #fff;
background: #444952;
border-radius: .1em / .1em;
}
input { input {
padding: .4em 1em; padding: .4em 1em;
margin-right: 1.5em; margin-right: 1.5em;