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

docs: fix toc scroll when duplicated names

Browse Source
This commit is contained in:
Benjamin Canac
2023-06-01 15:41:23 +02:00
parent 130a1f2c54
commit 241df7f05e
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/components/content/ComponentCard.vue
View File

@@ -2,11 +2,11 @@
<div> <div>
<div v-if="propsToSelect.length" class="relative flex border border-gray-200 dark:border-gray-700 rounded-t-md overflow-hidden not-prose"> <div v-if="propsToSelect.length" class="relative flex border border-gray-200 dark:border-gray-700 rounded-t-md overflow-hidden not-prose">
<div v-for="prop in propsToSelect" :key="prop.name" class="flex flex-col gap-0.5 justify-between py-1.5 font-medium bg-gray-50 dark:bg-gray-800 border-r border-r-gray-200 dark:border-r-gray-700"> <div v-for="prop in propsToSelect" :key="prop.name" class="flex flex-col gap-0.5 justify-between py-1.5 font-medium bg-gray-50 dark:bg-gray-800 border-r border-r-gray-200 dark:border-r-gray-700">
<label :for="prop.name" class="block text-xs px-3 font-medium text-gray-400 dark:text-gray-500 -my-px">{{ prop.label }}</label> <label :for="`prop-${prop.name}`" class="block text-xs px-3 font-medium text-gray-400 dark:text-gray-500 -my-px">{{ prop.label }}</label>
<UCheckbox <UCheckbox
v-if="prop.type === 'boolean'" v-if="prop.type === 'boolean'"
v-model="componentProps[prop.name]" v-model="componentProps[prop.name]"
:name="prop.name" :name="`prop-${prop.name}`"
variant="none" variant="none"
class="justify-center" class="justify-center"
/> />
@@ -14,7 +14,7 @@
v-else-if="prop.type === 'string' && prop.options.length" v-else-if="prop.type === 'string' && prop.options.length"
v-model="componentProps[prop.name]" v-model="componentProps[prop.name]"
:options="prop.options" :options="prop.options"
:name="prop.name" :name="`prop-${prop.name}`"
:label="componentProps[prop.name]" :label="componentProps[prop.name]"
variant="none" variant="none"
class="inline-flex" class="inline-flex"
@@ -26,7 +26,7 @@
v-else v-else
:model-value="componentProps[prop.name]" :model-value="componentProps[prop.name]"
:type="prop.type === 'number' ? 'number' : 'text'" :type="prop.type === 'number' ? 'number' : 'text'"
:name="prop.name" :name="`prop-${prop.name}`"
variant="none" variant="none"
autocomplete="off" autocomplete="off"
:ui="{ custom: '!py-0' }" :ui="{ custom: '!py-0' }"