diff --git a/assets/img/icons/anonymous.svg b/assets/img/icons/anonymous.svg new file mode 100644 index 0000000..e3af707 --- /dev/null +++ b/assets/img/icons/anonymous.svg @@ -0,0 +1 @@ + diff --git a/assets/img/icons/git.svg b/assets/img/icons/git.svg new file mode 100644 index 0000000..9d358c3 --- /dev/null +++ b/assets/img/icons/git.svg @@ -0,0 +1 @@ + diff --git a/assets/img/icons/tw.svg b/assets/img/icons/tw.svg new file mode 100644 index 0000000..93dcd2d --- /dev/null +++ b/assets/img/icons/tw.svg @@ -0,0 +1 @@ + diff --git a/assets/styles/app.scss b/assets/styles/app.scss index abb63d6..dd4c136 100644 --- a/assets/styles/app.scss +++ b/assets/styles/app.scss @@ -81,8 +81,8 @@ &.is-icon { padding:0; - width: 20px; - height: 20px; + width: 18px; + height: 18px; background-color: transparent; border: none; @@ -168,6 +168,8 @@ .buttons { flex-grow: 1; + flex-direction: column; + justify-content: center; } .button.is-fullwidth + .button.is-fullwidth { @@ -260,6 +262,17 @@ } } + .social-link { + display: flex; + align-items: center; + + .icon { + margin-right: .75rem; + height: 18px; + width: 18px; + } + } + th { font-weight: $weight-normal; } @@ -322,6 +335,18 @@ height: 48px; width: 48px; } + + &-twitter { + background-image: url('../img/icons/tw.svg'); + } + + &-github { + background-image: url('../img/icons/git.svg'); + } + + &-anonymous { + background-image: url('../img/icons/anonymous.svg'); + } } .table-search { diff --git a/pages/index.vue b/pages/index.vue index 8114c22..b96bc76 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -27,7 +27,18 @@ - {{ props.row.account }} + + + {{ props.row.account }} + + @@ -42,7 +53,7 @@ {{ props.row.account }} - + @@ -106,6 +117,7 @@ export default { contributions: [ { id: 1, + socialType: 'twitter', account: '@VitalikButerin', name: 'Vitalik Buterin', company: 'Ethereum', @@ -114,6 +126,7 @@ export default { }, { id: 2, + socialType: 'twitter', account: '@Chims1974', name: 'Rickey Kline', company: 'Big Wheel', @@ -122,6 +135,7 @@ export default { }, { id: 3, + socialType: 'github', account: '@Diguest', name: 'Ryan Obrien', company: 'Brilliant Home', @@ -130,6 +144,16 @@ export default { }, { id: 4, + socialType: 'anonymous', + account: '', + name: 'Anonymous', + company: '', + attestation: '', + contribution: '#' + }, + { + id: 5, + socialType: 'github', account: '@Mathervenrat', name: 'William Hartwig', company: 'New World', @@ -137,7 +161,8 @@ export default { contribution: '#' }, { - id: 5, + id: 6, + socialType: 'twitter', account: '@Hichercy', name: 'Wayne Biggins', company: 'Balanced Fortune', @@ -145,7 +170,8 @@ export default { contribution: '#' }, { - id: 6, + id: 7, + socialType: 'anonymous', account: '', name: 'Anonymous', company: '',