Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: fix hydration issue

Browse Source
This commit is contained in:
zernonia 2024-03-07 21:43:17 +08:00
parent d832e9f48a
commit 86a0ef2854
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
apps/www/src/examples/mail/components/Mail.vue
View File

@ -152,10 +152,12 @@ function onExpand() {
<template>
<TooltipProvider :delay-duration="0">
<ResizablePanelGroup
id="resize-panel-group-1"
direction="horizontal"
class="h-full max-h-[800px] items-stretch"
>
<ResizablePanel
id="resize-panel-1"
:default-size="defaultLayout[0]"
:collapsed-size="navCollapsedSize"
collapsible
@ -179,8 +181,8 @@ function onExpand() {
:links="links2"
/>
</ResizablePanel>
<ResizableHandle with-handle />
<ResizablePanel :default-size="defaultLayout[1]" :min-size="30">
<ResizableHandle id="resize-handle-1" with-handle />
<ResizablePanel id="resize-panel-2" :default-size="defaultLayout[1]" :min-size="30">
<Tabs default-value="all">
<div class="flex items-center px-4 py-2">
<h1 class="text-xl font-bold">
@ -212,8 +214,8 @@ function onExpand() {
</TabsContent>
</Tabs>
</ResizablePanel>
<ResizableHandle with-handle />
<ResizablePanel :default-size="defaultLayout[2]">
<ResizableHandle id="resiz-handle-2" with-handle />
<ResizablePanel id="resize-panel-3" :default-size="defaultLayout[2]">
<MailDisplay :mail="selectedMailData" />
</ResizablePanel>
</ResizablePanelGroup>