UHeader added

This commit is contained in:
2025-12-08 18:29:21 +00:00
parent 7e199c1ce2
commit 45d18746d0

View File

@@ -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>