UHeader added
This commit is contained in:
@@ -122,15 +122,16 @@ import { h } from 'vue'
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<!-- overflow-auto necessary for scroll-->
|
<UHeader title="Dashboard" toggle-side="left" >
|
||||||
<UContainer class="overflow-auto">
|
<template #toggle>
|
||||||
|
<UDashboardSidebarToggle />
|
||||||
<UDashboardSidebarToggle variant="subtle" class="absolute z-20 top-3 left-2.5"/>
|
<UDashboardSidebarToggle />
|
||||||
|
</template>
|
||||||
<div class="mt-1 mb-3 flex flex-col w-full relative z-0">
|
</UHeader>
|
||||||
|
<div class="mt-3 mb-3 flex flex-col w-full relative z-0">
|
||||||
<ProseH2 class="text-center m-0.5 w-full">Hey there, user!</ProseH2>
|
<ProseH2 class="text-center m-0.5 w-full">Hey there, user!</ProseH2>
|
||||||
<ProseP class="text-center text-muted m-0.5">Welcome to the UI!</ProseP>
|
<ProseP class="text-center text-muted m-0.5">Welcome to the UI!</ProseP>
|
||||||
<UBadge variant="subtle" class="inline mx-auto">It's cool, isn't it ?</UBadge>
|
<UBadge variant="subtle" color="success" class="inline mx-auto">It's cool, isn't it ?</UBadge>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!--<div class="mx-auto max-w-220">-->
|
<!--<div class="mx-auto max-w-220">-->
|
||||||
@@ -152,7 +153,6 @@ import { h } from 'vue'
|
|||||||
<UFooter>
|
<UFooter>
|
||||||
<p>footer</p>
|
<p>footer</p>
|
||||||
</UFooter>
|
</UFooter>
|
||||||
</UContainer>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|||||||
Reference in New Issue
Block a user