local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

"New"-Buttons are now full width

Browse source
This commit is contained in:
konrad 2018-09-09 21:41:04 +02:00
parent 5ff4f5eb46
commit 163aaf2384
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
1 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/App.vue
View file

@ -25,21 +25,19 @@
<div class="box">
<div class="columns">
<div class="column is-3">
<div class="buttons">
<a class="button is-success">
<a class="button is-success is-fullwidth button-bottom">
<span class="icon is-small">
<icon icon="plus"/>
</span>
New Namespace
</a>
</div>
<aside class="menu">
<p class="menu-label" v-if="loading">Loading...</p>
<template v-for="n in namespaces">
<p class="menu-label" :key="n.id">
{{n.name}}
</p>
<router-link :to="{ name: 'newList', params: { id: n.id} }" class="button is-success" :key="n.id + 'newList'">
<router-link :to="{ name: 'newList', params: { id: n.id} }" class="button is-success is-fullwidth button-bottom" :key="n.id + 'newList'">
<span class="icon is-small">
<icon icon="list-ol"/>
</span>
@ -140,7 +138,7 @@
}
</script>
<style lang="scss">
<style lang="scss" scoped>
/* Logout-icon */
.logout-icon {
padding-right: 2em !important;
@ -171,4 +169,9 @@
.menu-list a.router-link-active{
background: darken(#fff, 5%);
}
/* menu buttons */
.button-bottom {
margin-bottom: 1rem;
}
</style>