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

feat: adjust timeline

This commit is contained in:
Adrien Marquès 2022-10-05 14:36:24 +02:00
parent df8f61d209
commit 9b02041ca8
Signed by: xdrm-brackets
GPG Key ID: D75243CA236D825E
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Timeline.vue
View File

@ -187,7 +187,7 @@
display: grid; display: grid;
position: relative; position: relative;
width: 100vw; width: 100vw;
min-height: 100vh; // min-height: 100vh;
grid-template-columns: auto $icon-width $icon-width $space-width auto; grid-template-columns: auto $icon-width $icon-width $space-width auto;
grid-gap: .5em; grid-gap: .5em;
@ -214,9 +214,9 @@
.skill-icon, .desc-icon, .src-icon, .doc-icon, .end-icon { .skill-icon, .desc-icon, .src-icon, .doc-icon, .end-icon {
position: relative; position: relative;
width: #{$icon-width + .3rem}; width: #{$icon-width + .1rem};
height: #{$icon-width + .3rem}; height: #{$icon-width + .1rem};
margin-top: .3rem; margin-top: .1rem;
background: $bg-color; background: $bg-color;
} }
@ -234,6 +234,8 @@
font-size: .8em; font-size: .8em;
color: #535359; color: #535359;
padding-top: .3em; padding-top: .3em;
justify-self: flex-end;
} }
.name-icon { .name-icon {
@ -285,10 +287,13 @@
.skillset { .skillset {
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
justify-content: flex-start; justify-content: flex-start;
align-items: flex-start; align-items: flex-start;
width: 50vw;
.skill-card { .skill-card {
margin-right: .4em; margin-right: .4em;
margin-bottom: .4em; margin-bottom: .4em;