zervo/vanity-eth
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve footer appearance

Browse source
This commit is contained in:
Boris Kubiak 2018-02-16 08:46:46 +01:00
parent fb4ca9e32a
commit 2fa8c01f6d
1 changed files with 28 additions and 56 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

84
src/vue/Footer.vue
View file

@ -2,34 +2,20 @@
<footer> <footer>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12 col-lg-6 addr"> <div class="col-12 col-lg-6 address">
Tips: Tips:
<span class="donation-address" v-text="tipsAddress"></span> <a :href="'https://etherscan.io/address/' + tipsAddress" target="_blank" v-text="tipsAddress"></a>
</div> </div>
<div class="col-12 col-lg-6"> <div class="col-12 col-lg-6 links">
<div class="row"> <a :href="'https://etherscan.io/address/' + tipsAddress" target="_blank">
<div class="col-6 col-sm-4 no-gutter"> <i class="icon-ethereum"></i>&nbsp;&nbsp;&nbsp;Donate
<a :href="'https://etherscan.io/address/' + tipsAddress" target="_blank"> </a>
<button type="button"> <a href="https://github.com/bokub/vanity-eth/stargazers" target="_blank">
<i class="icon-ethereum"></i>&nbsp;&nbsp;&nbsp;Donate <i class="icon-star"></i>&nbsp;&nbsp;&nbsp;Star&nbsp;me
</button> </a>
</a> <a href="https://github.com/bokub/vanity-eth/wiki/download-Vanity-ETH" target="_blank">
</div> <i class="icon-download"></i>&nbsp;&nbsp;&nbsp;Download
<div class="col-6 col-sm-4 no-gutter"> </a>
<a href="https://github.com/bokub/vanity-eth/stargazers" target="_blank">
<button type="button" id="btn-star">
<i class="icon-star"></i>&nbsp;&nbsp;&nbsp;Star&nbsp;me
</button>
</a>
</div>
<div class="col-4 no-mobile no-gutter">
<a href="https://github.com/bokub/vanity-eth/wiki/download-Vanity-ETH" target="_blank">
<button type="button" id="btn-download">
<i class="icon-download"></i>&nbsp;&nbsp;&nbsp;Download
</button>
</a>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -49,38 +35,24 @@
<style lang="sass" scoped> <style lang="sass" scoped>
@import "../css/variables" @import "../css/variables"
footer footer
padding: 1.5rem 0 padding: 1rem 0 0.5rem
background-color: $panel-background background-color: $panel-background
color: $white-text color: $grey-text
.addr a
text-decoration: none
.address
margin-bottom: 20px margin-bottom: 20px
.donation-address
font-family: monospace
font-size: 1.2em
color: $grey-text
margin-left: 15px
word-break: break-all
button
border: none
outline: none
color: $white-text color: $white-text
padding: 0 0.8em a
line-height: 40px font-family: monospace
font-weight: 500 font-size: 1.2em
cursor: pointer margin-left: 15px
-webkit-appearance: none word-break: break-all
background-color: $teal .links
i text-align: right
font-size: 1.3em a
position: relative margin-right: 30px
top: 2px padding-bottom: 2px
color: lighten($teal, 40)
&:hover
background-color: $yellow
i i
color: lighten($yellow, 40) font-size: 1.2em
@media screen and (max-width: 576px)
.no-mobile
display: none
</style> </style>