Mirrors/WebTools-NG
2
0
Fork 0
mirror of https://github.com/WebTools-NG/WebTools-NG synced 2024-11-22 19:13:19 +00:00
Code Issues Projects Releases Packages Wiki Activity

branch setup. basic dropdown and button setup.

Browse source
This commit is contained in:
CPSO 2020-05-18 17:32:57 +02:00
parent 89d2ba8384
commit 99be7e09a0
1 changed files with 35 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
src/components/layout/Header.vue
View file

@ -1,24 +1,53 @@
<template>
<section class="hero is-dark is-small">
<div class="hero-body">
<div class="columns is-desktop is-vcentered">
<div class="">
<figure class="image is-48x48">
<div class="columns is-vcentered">
<figure class="image is-48x48 is-pulled-left">
<img src="https://bulma.io/images/placeholders/128x128.png">
</figure>
</div>
<div class="">
<!-- <div id="title" >
<p id="top_title" class="title is-size-3 is-pulled-left">{{ $t("Common.AppName") }}</p>
</div> -->
<div id="title" >
<p id="top_title" class="title is-size-3">{{ $t("Common.AppName") }}</p>
</div>
</div>
<div class="container is-vcentered is-pulled-right">
<div class="select is-dark is-pulled-right">
<select>
<option>Select dropdown</option>
<option>With options</option>
<option>Loooooooong server name</option>
</select>
</div>
<b-button id="sync-button" @click="clickMe" type="is-warning" icon-left="fas fa-sync" icon-pack="fas" class="is-pulled-right" >
</b-button>
</div>
</div>
</div>
</section>
</template>
<script>
export default {
}
</script>
<style scoped>
#title {
margin-left: 15px;
}
#sync-button{
margin-right: 10px;
}
</style>