chore: checkpoint tailwind spacing updates

This commit is contained in:
xingyu4j
2026-03-14 18:11:08 +08:00
parent 90dc8cf997
commit fa190e0975
24 changed files with 42 additions and 42 deletions

View File

@@ -32,7 +32,7 @@ function handleUpdate(len: number) {
<div
v-for="item in list"
:key="item"
class="flex-center h-[220px] w-full bg-muted even:bg-heavy"
class="flex-center h-55 w-full bg-muted even:bg-heavy"
>
{{ item }}
</div>

View File

@@ -6,6 +6,6 @@ const [Drawer, drawerApi] = useVbenDrawer();
<template>
<div>
<VbenButton @click="() => drawerApi.open()">Open</VbenButton>
<Drawer class="w-[600px]" title="基础示例"> drawer content </Drawer>
<Drawer class="w-150" title="基础示例"> drawer content </Drawer>
</div>
</template>

View File

@@ -25,11 +25,11 @@ function openScaleModal() {
<VbenButton @click="openScaleModal">缩放动画</VbenButton>
</div>
<SlideModal title="滑动动画示例" class="w-[500px]">
<SlideModal title="滑动动画示例" class="w-125">
<p>这是使用滑动动画的弹窗从顶部向下滑动进入</p>
</SlideModal>
<ScaleModal title="缩放动画示例" class="w-[500px]">
<ScaleModal title="缩放动画示例" class="w-125">
<p>这是使用缩放动画的弹窗以缩放淡入淡出的方式显示</p>
</ScaleModal>
</div>

View File

@@ -32,7 +32,7 @@ function handleUpdate(len: number) {
<div
v-for="item in list"
:key="item"
class="flex-center h-[220px] w-full bg-muted even:bg-heavy"
class="flex-center h-55 w-full bg-muted even:bg-heavy"
>
{{ item }}
</div>

View File

@@ -6,6 +6,6 @@ const [Modal, modalApi] = useVbenModal();
<template>
<div>
<VbenButton @click="() => modalApi.open()">Open</VbenButton>
<Modal class="w-[600px]" title="基础示例"> modal content </Modal>
<Modal class="w-150" title="基础示例"> modal content </Modal>
</div>
</template>

View File

@@ -67,7 +67,7 @@ const collapseAll = () => {
</script>
<template>
<div class="vp-raw h-[300px] w-full">
<div class="vp-raw h-75 w-full">
<Grid>
<template #toolbar-tools>
<Button class="mr-2" type="primary" @click="expandAll">

View File

@@ -58,7 +58,7 @@ onMounted(() => {
</script>
<template>
<div class="vp-raw h-[500px] w-full">
<div class="vp-raw h-125 w-full">
<Grid />
</div>
</template>