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