gaiety/my_spells
1
0
Fork 0
Code Releases Activity

Spell list links center and take full height

Browse source
This commit is contained in:
sharpshark28 2017-07-28 13:32:08 -05:00
parent 05683d77fd
commit b5b24a46f8
1 changed files with 22 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
src/components/Spellitem.vue
View file

@ -5,12 +5,15 @@
</div> </div>
<div class="item-content has-secondary"> <div class="item-content has-secondary">
<router-link :to="spell.link"> <router-link :to="spell.link">
<div> <span class="spell-link-alignment">
{{spell.name}} <span class="spell-name">
</div> {{spell.name}}
<div> </span>
{{classes}} <br />
</div> <span class="spell-classes">
{{classes}}
</span>
</span>
</router-link> </router-link>
</div> </div>
<div class="item-secondary" v-on:click="toggle"> <div class="item-secondary" v-on:click="toggle">
@ -66,10 +69,19 @@ export default {
</script> </script>
<style scoped lang="stylus"> <style scoped lang="stylus">
.item-content a .spell-classes
color: black color: rgba(0, 0, 0, .54)
div:not(:first-of-type) .item.two-lines > .item-content
color: rgba(0, 0, 0, .54) height: 100%
padding: 0
a
color: black
display: table
height: 100%
width: 100%
.spell-link-alignment
display: table-cell
vertical-align: middle
.item-secondary .item-secondary
width: 50px width: 50px
height: 50px height: 50px