vikunja
/
frontend
Archived
6
39
Fork 49
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

"New"-Buttons are now full width

This commit is contained in:
konrad 2018-09-09 21:41:04 +02:00
parent 5ff4f5eb46
commit 163aaf2384
Signed by: konrad
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="box">
<div class="columns"> <div class="columns">
<div class="column is-3"> <div class="column is-3">
<div class="buttons"> <a class="button is-success is-fullwidth button-bottom">
<a class="button is-success">
<span class="icon is-small"> <span class="icon is-small">
<icon icon="plus"/> <icon icon="plus"/>
</span> </span>
New Namespace New Namespace
</a> </a>
</div>
<aside class="menu"> <aside class="menu">
<p class="menu-label" v-if="loading">Loading...</p> <p class="menu-label" v-if="loading">Loading...</p>
<template v-for="n in namespaces"> <template v-for="n in namespaces">
<p class="menu-label" :key="n.id"> <p class="menu-label" :key="n.id">
{{n.name}} {{n.name}}
</p> </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"> <span class="icon is-small">
<icon icon="list-ol"/> <icon icon="list-ol"/>
</span> </span>
@ -140,7 +138,7 @@
} }
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
/* Logout-icon */ /* Logout-icon */
.logout-icon { .logout-icon {
padding-right: 2em !important; padding-right: 2em !important;
@ -171,4 +169,9 @@
.menu-list a.router-link-active{ .menu-list a.router-link-active{
background: darken(#fff, 5%); background: darken(#fff, 5%);
} }
/* menu buttons */
.button-bottom {
margin-bottom: 1rem;
}
</style> </style>