diff --git a/app/src/components/BaseButton.vue b/app/src/components/BaseButton.vue index 26f783e338770507c65facd7fb92b8dcbf254504..ffb2d1231d5d85bf3a22eccad7062915bff6ebc6 100644 --- a/app/src/components/BaseButton.vue +++ b/app/src/components/BaseButton.vue @@ -17,7 +17,6 @@ export default { } </script> - <style lang="css" scoped> button { font-size: 1em; @@ -57,4 +56,4 @@ button.action { button:active { background-color: #cab6ff; } -</style> \ No newline at end of file +</style> diff --git a/app/src/components/ControlsLayer.vue b/app/src/components/ControlsLayer.vue index 9a102b69fa224e6304637e49767ba5bfdd7452f4..fe2dd1831ff81c3440ed7f3a621c2424c7e509c1 100644 --- a/app/src/components/ControlsLayer.vue +++ b/app/src/components/ControlsLayer.vue @@ -1,8 +1,12 @@ <template> <div class="controls"> <div class="btn-row"> - <BaseButton buttonClass="action" @click="addNode()">Create Node</BaseButton> - <BaseButton buttonClass="action" @click="removeLocal()">Join another microcosm</BaseButton> + <BaseButton buttonClass="action" @click="addNode()" + >Create Node</BaseButton + > + <BaseButton buttonClass="action" @click="removeLocal()" + >Join another microcosm</BaseButton + > <!-- <BaseButton @click="exportStorage()">Export my contributions</BaseButton> <BaseButton buttonClass="danger" v-on:click="deleteClient"> Delete my contributions (inc. attachments) permanently diff --git a/app/src/components/NodesLayer.vue b/app/src/components/NodesLayer.vue index 86713c9a04e5a0578d108e9ed1ecbf5bbaf0d50b..47cab2c635fef9fb703e920644f9c6d1ae952024 100644 --- a/app/src/components/NodesLayer.vue +++ b/app/src/components/NodesLayer.vue @@ -29,11 +29,15 @@ </div> <h3>Reactions</h3> <div v-for="(emojis, index) in configEmoji" :key="index"> - <p class="allemoji" v-if="nodeid == emojis.node_id">{{ emojis.emoji_text }}</p> + <p class="allemoji" v-if="nodeid == emojis.node_id"> + {{ emojis.emoji_text }} + </p> </div> <p>markdown supported</p> - <BaseButton buttonClass="danger" @click="deleteFlag()">Delete</BaseButton> + <BaseButton buttonClass="danger" @click="deleteFlag()" + >Delete</BaseButton + > </form> </vue-draggable-resizable> </div> diff --git a/app/src/components/OnBoard.vue b/app/src/components/OnBoard.vue index 67a12a30c760fb3320c059dbddba466e74af3bb5..9f859025f755eacbb35646096ec55e159b273963 100644 --- a/app/src/components/OnBoard.vue +++ b/app/src/components/OnBoard.vue @@ -4,9 +4,7 @@ nodenogg.in is a <span>work in progress</span> collaborative co-creation research and design thinking tool, read more details and links in the - <a - href="/#/about" - >about</a> section. + <a href="/#/about">about</a> section. </p> <form v-show="parta"> @@ -27,7 +25,9 @@ autocapitalize="none" autofocus /> - <BaseButton buttonClass="onboard" @click="createMicrocosm(), setFocus()">+</BaseButton> + <BaseButton buttonClass="onboard" @click="createMicrocosm(), setFocus()" + >+</BaseButton + > </form> <form v-show="partb">