arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-14 12:14:41 +01:00
Code Issues Packages Projects Releases Wiki Activity

playground(navigation-menu): improve container

Browse Source
This commit is contained in:
Benjamin Canac
2024-04-16 17:28:35 +02:00
parent 0f10d98820
commit 7154d96e10
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
playground/app.vue
View File

@@ -49,10 +49,10 @@ function upperName(name: string) {
<template>
<UApp :toaster="appConfig.toaster">
<div class="min-h-screen w-screen flex flex-col items-center justify-center overflow-y-auto bg-white dark:bg-gray-900" vaul-drawer-wrapper>
<div class="min-h-screen w-screen overflow-hidden flex flex-col items-center justify-center overflow-y-auto bg-white dark:bg-gray-900" vaul-drawer-wrapper>
<UNavigationMenu :links="components.map(component => ({ label: upperName(component), to: `/${component}` }))" class="border-b border-gray-200 dark:border-gray-800 overflow-x-auto px-2" />
<div class="flex-1 flex flex-col justify-center py-12">
<div class="flex-1 flex flex-col items-center justify-center w-full py-12 px-4">
<NuxtPage />
</div>
</div>

2
playground/pages/navigation-menu.vue
View File

@@ -36,7 +36,7 @@ const links = [
</script>
<template>
<div class="flex flex-col gap-12 w-4xl">
<div class="flex flex-col gap-12 w-full max-w-4xl">
<UNavigationMenu :links="links" class="border-b border-gray-200 dark:border-gray-800" />
<UNavigationMenu :links="links" orientation="vertical" class="w-48" />