Sha256: 0a8d771eb0ab12a3ed0f5d8db797426087a04ab9da2032799bca6eb8b0ce8f19
Contents?: true
Size: 1.05 KB
Versions: 10
Compression:
Stored size: 1.05 KB
Contents
<template>
<div class="h-full">
<header class="flex h-16 border-b border-gray-200">
<div
class="w-16 h-full flex justify-center items-center border-r border-gray-200"
>
<img v-bind:src="logoUrl" class="w-2/4" />
</div>
<div class="flex flex-grow items-center h-full">
<slot name="header"> [Layout] Default header </slot>
</div>
</header>
<div class="flex content-area">
<aside
class="w-16 flex-shrink-0 flex content-center h-full border-r border-gray-200 relative z-20 bg-white"
>
<slot name="sidebar"> [Layout] Default sidebar </slot>
</aside>
<main class="bg-gray-100 w-full h-full">
<slot> [Layout] Default content </slot>
</main>
</div>
<slot name="slide-pane"> </slot>
</div>
</template>
<script>
export default {
name: 'MaglevDefaultLayout',
computed: {
logoUrl() {
return this.$store.state.editorSettings.logoUrl
},
},
}
</script>
<style scoped>
.content-area {
height: calc(100vh - theme('spacing.16'));
}
</style>
Version data entries
10 entries across 10 versions & 1 rubygems