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

docs: update

Browse Source
This commit is contained in:
Benjamin Canac
2021-12-01 14:32:48 +01:00
parent e6aac244d7
commit 4a55c76232
2 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
docs/app.vue
View File

@@ -18,8 +18,8 @@
<UContainer class="mt-16">
<div class="lg:grid lg:grid-cols-12 lg:gap-10 lg:relative">
<aside class="lg:flex lg:flex-col lg:relative pb-8 lg:pb-0 lg:sticky lg:top-0 px-4 sm:px-6 lg:px-0 lg:pt-16 lg:-mt-16 lg:self-start lg:col-span-3 lg:overflow-hidden sticky h-screen">
<nav class="overflow-y-auto h-auto py-12">
<aside class="lg:flex lg:flex-col lg:relative pb-8 lg:pb-0 lg:sticky lg:top-0 px-4 sm:px-6 lg:px-0 lg:pt-16 lg:-mt-16 lg:self-start lg:col-span-3 lg:overflow-hidden lg:sticky lg:h-screen">
<nav class="overflow-y-auto h-auto pt-8 lg:py-12">
<ul class="space-y-6">
<li v-for="section of sections" :key="section">
<h5 class="mb-3 uppercase tracking-wide font-semibold text-xs u-text-gray-900">
@@ -43,7 +43,7 @@
</nav>
</aside>
<div class="space-y-6 sm:px-6 lg:px-0 lg:col-span-9 py-12">
<div class="space-y-6 sm:px-6 lg:px-0 lg:col-span-9 lg:py-12">
<NuxtPage />
</div>
</div>

7
docs/pages/components/[component].vue
View File

@@ -1,5 +1,5 @@
<template>
<UCard v-if="component" class="relative flex flex-col" body-class="px-4 py-5 sm:p-6 relative" footer-class="px-4 py-4 sm:px-6 flex-1 lg:overflow-y-auto" style="max-height: calc(100vh - 10rem);">
<UCard v-if="component" class="relative flex flex-col lg:max-h-[calc(100vh-10rem)]" body-class="px-4 py-5 sm:p-6 relative" footer-class="px-4 py-4 sm:px-6 flex-1 lg:overflow-y-auto">
<div class="flex justify-center">
<component :is="is" v-bind="boundProps" />
</div>
@@ -47,7 +47,7 @@
v-model="prop.value"
:name="prop.key"
size="sm"
rows="8"
:rows="8"
autoresize
/>
</component>
@@ -122,6 +122,9 @@ const defaultProps = {
},
Textarea: {
name: 'textarea'
},
Tooltip: {
text: 'Tooltip text'
}
}