shack/renderer/PageShell.vue

48 lines
593 B
Vue
Raw Normal View History

<template>
<div class="layout">
<div class="content"><slot /></div>
</div>
</template>
<style>
body {
margin: 0;
font-family: sans-serif;
}
* {
box-sizing: border-box;
}
a {
text-decoration: none;
}
</style>
<style scoped>
.layout {
display: flex;
max-width: 900px;
margin: auto;
}
.content {
padding: 20px;
border-left: 2px solid #eee;
padding-bottom: 50px;
min-height: 100vh;
}
.navigation {
padding: 20px;
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: center;
line-height: 1.8em;
}
.logo {
margin-top: 20px;
margin-bottom: 10px;
}
</style>