mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-30 19:57:55 +01:00
docs(components): move group class on card
This commit is contained in:
@@ -151,6 +151,7 @@ onMounted(() => {
|
|||||||
:description="component.description"
|
:description="component.description"
|
||||||
:to="component.path"
|
:to="component.path"
|
||||||
:ui="{ wrapper: 'order-last', container: 'lg:flex' }"
|
:ui="{ wrapper: 'order-last', container: 'lg:flex' }"
|
||||||
|
class="group"
|
||||||
>
|
>
|
||||||
<template #title>
|
<template #title>
|
||||||
<div class="flex items-center gap-0.5">
|
<div class="flex items-center gap-0.5">
|
||||||
@@ -159,7 +160,7 @@ onMounted(() => {
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<div class="group rounded-[calc(var(--ui-radius)*1.5)] border border-(--ui-border-muted) overflow-hidden aspect-[16/9]">
|
<div class="rounded-[calc(var(--ui-radius)*1.5)] border border-(--ui-border-muted) overflow-hidden aspect-[16/9]">
|
||||||
<UColorModeImage
|
<UColorModeImage
|
||||||
:light="`${component.path.replace('/components/', '/components/light/')}.png`"
|
:light="`${component.path.replace('/components/', '/components/light/')}.png`"
|
||||||
:dark="`${component.path.replace('/components/', '/components/dark/')}.png`"
|
:dark="`${component.path.replace('/components/', '/components/dark/')}.png`"
|
||||||
|
|||||||
Reference in New Issue
Block a user