Fix header ui

This commit is contained in:
Anton Vakhrushev 2020-06-24 14:24:16 +03:00
parent 138dc1e87f
commit b96a3fc341

View File

@ -1,10 +1,12 @@
<template> <template>
<section> <section class="header">
<div class="into-block">
<h1 class="title"> <h1 class="title">
[{{ shared.name }}] {{ villageName }} [{{ shared.name }}] {{ villageName }}
<span class="version">- {{ shared.version }}</span> <span class="version">- {{ shared.version }}</span>
</h1> </h1>
<p> </div>
<div class="actions-block">
<a href="#" v-on:click.prevent="pause"> <a href="#" v-on:click.prevent="pause">
pause pause
<span <span
@ -13,7 +15,7 @@
></span> ></span>
</a> </a>
<a href="#" v-on:click.prevent="toggleLogs">logs</a> <a href="#" v-on:click.prevent="toggleLogs">logs</a>
</p> </div>
</section> </section>
</template> </template>
@ -44,6 +46,15 @@ export default {
</script> </script>
<style scoped> <style scoped>
.header {
display: flex;
align-items: center;
justify-content: space-between;
}
.into-block {
}
.actions-block {
}
.title { .title {
font-size: 160%; font-size: 160%;
padding-top: 8px; padding-top: 8px;