This commit is contained in:
philipp lang 2023-05-20 01:59:20 +02:00
parent dbbe6f6171
commit 641f3a1098
2 changed files with 11 additions and 11 deletions

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="h-16 px-6 flex justify-between items-center border-b border-solid border-gray-600 group-[.is-bright]:border-gray-500"> <div class="h-16 px-6 flex items-center border-b border-solid border-gray-600 group-[.is-bright]:border-gray-500">
<slot name="before-title"></slot> <slot name="before-title"></slot>
<div class="flex items-center"> <div class="flex items-center grow">
<page-title class="mr-2">{{ title }}</page-title> <page-title class="mr-2">{{ title }}</page-title>
<slot name="toolbar"></slot> <slot name="toolbar"></slot>
</div> </div>

View File

@ -1,18 +1,18 @@
<template> <template>
<div class="grow bg-gray-900 flex flex-col transition-all" :class="{'ml-56': menuStore.visible, 'ml-0': !menuStore.visible}"> <div class="grow bg-gray-900 flex flex-col transition-all" :class="{'ml-56': menuStore.visible, 'ml-0': !menuStore.visible}">
<div class="h-16 px-6 flex justify-between items-center border-b border-solid border-gray-600 group-[.is-bright]:border-gray-500"> <page-header :title="$page.props.title">
<div slot="before-title" class="flex items-center">
<a href="#" @click.prevent="menuStore.toggle()" class="lg:hidden mr-2"> <a href="#" @click.prevent="menuStore.toggle()" class="lg:hidden mr-2">
<svg-sprite src="menu" class="text-gray-100 w-5 h-5"></svg-sprite> <svg-sprite src="menu" class="text-gray-100 w-5 h-5"></svg-sprite>
</a> </a>
<div class="flex items-center"> </div>
<page-title class="mr-2">{{ $page.props.title }}</page-title> <div class="flex" slot="toolbar">
<slot name="toolbar"></slot> <slot name="toolbar"></slot>
</div> </div>
<div class="flex grow justify-between"> <div slot="right">
<portal-target name="toolbar-left"> </portal-target>
<portal-target name="toolbar-right"> </portal-target> <portal-target name="toolbar-right"> </portal-target>
</div> </div>
</div> </page-header>
<div :class="pageClass" class="grow flex flex-col"> <div :class="pageClass" class="grow flex flex-col">
<slot></slot> <slot></slot>