fabio286/antares
1
1
Fork 0
mirror of https://github.com/Fabio286/antares.git synced 2025-06-05 21:59:22 +02:00
Code Issues Releases Wiki Activity

Additions

Browse Source
This commit is contained in:
Fabio
2020-05-08 18:02:18 +02:00
parent 7b4c55dd62
commit 8ded79017b
27 changed files with 353 additions and 200 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/renderer/components/TheSettingBar.vue Normal file
View File

@ -0,0 +1,57 @@
<template>
<div id="settingbar" class="container">
<div class="settingbar-top-elements">
<ul class="settingbar-elements">
<li
class="settingbar-element btn btn-link tooltip tooltip-right"
data-tooltip="Add connection"
@click="showNewConnModal"
>
<i class="material-icons text-light">add</i>
</li>
</ul>
</div>
<div class="settingbar-bottom-elements">
<ul class="settingbar-elements">
<li class="settingbar-element btn btn-link tooltip tooltip-right" data-tooltip="Settings">
<i class="material-icons text-light">settings</i>
</li>
</ul>
</div>
</div>
</template>
<script>
import { mapActions } from 'vuex';
export default {
name: 'TheSettingBar',
methods: {
...mapActions({
showNewConnModal: 'connections/showNewConnModal'
})
}
};
</script>
<style lang="scss">
#settingbar{
width: $settingbar-width;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
background: #3f3f3f;
padding: .5rem 0;
margin-bottom: $footer-height;
box-shadow: 0 0 1px 0px #000;
z-index: 9;
.settingbar-elements{
list-style: none;
padding: 0;
margin: 0;
}
}
</style>