GitHub

@@ -2,7 +2,7 @@

2233

exports[`DashboardPanel > renders with body slot correctly 1`] = `

44

"<div class="fixed inset-0 flex overflow-hidden">

5-

<div id="dashboard-panel-v-0" data-dragging="false" class="relative flex flex-col min-w-0 min-h-svh lg:not-last:border-r lg:not-last:border-default flex-1">

5+

<div id="dashboard-panel-v-0" data-dragging="false" class="relative flex flex-col min-w-0 min-h-svh lg:not-last:border-e lg:not-last:border-default flex-1">

66

<div class="flex flex-col gap-4 sm:gap-6 flex-1 overflow-y-auto p-4 sm:p-6">Body slot</div>

77

</div>

88

<!--v-if-->

@@ -11,7 +11,7 @@ exports[`DashboardPanel > renders with body slot correctly 1`] = `

11111212

exports[`DashboardPanel > renders with class correctly 1`] = `

1313

"<div class="fixed inset-0 flex overflow-hidden">

14-

<div id="dashboard-panel-v-0" data-dragging="false" class="relative flex flex-col min-w-0 min-h-svh lg:not-last:border-r lg:not-last:border-default flex-1 lg:border-none">

14+

<div id="dashboard-panel-v-0" data-dragging="false" class="relative flex flex-col min-w-0 min-h-svh lg:not-last:border-e lg:not-last:border-default flex-1 lg:border-none">

1515

<div class="flex flex-col gap-4 sm:gap-6 flex-1 overflow-y-auto p-4 sm:p-6"></div>

1616

</div>

1717

<!--v-if-->

@@ -20,14 +20,14 @@ exports[`DashboardPanel > renders with class correctly 1`] = `

20202121

exports[`DashboardPanel > renders with default slot correctly 1`] = `

2222

"<div class="fixed inset-0 flex overflow-hidden">

23-

<div id="dashboard-panel-v-0" data-dragging="false" class="relative flex flex-col min-w-0 min-h-svh lg:not-last:border-r lg:not-last:border-default flex-1">Default slot</div>

23+

<div id="dashboard-panel-v-0" data-dragging="false" class="relative flex flex-col min-w-0 min-h-svh lg:not-last:border-e lg:not-last:border-default flex-1">Default slot</div>

2424

<!--v-if-->

2525

</div>"

2626

`;

27272828

exports[`DashboardPanel > renders with defaultSize correctly 1`] = `

2929

"<div class="fixed inset-0 flex overflow-hidden">

30-

<div id="dashboard-panel-v-0" data-dragging="false" class="relative flex flex-col min-w-0 min-h-svh lg:not-last:border-r lg:not-last:border-default shrink-0 w-full lg:w-(--width)" style="--width: 50%;">

30+

<div id="dashboard-panel-v-0" data-dragging="false" class="relative flex flex-col min-w-0 min-h-svh lg:not-last:border-e lg:not-last:border-default shrink-0 w-full lg:w-(--width)" style="--width: 50%;">

3131

<div class="flex flex-col gap-4 sm:gap-6 flex-1 overflow-y-auto p-4 sm:p-6"></div>

3232

</div>

3333

<!--v-if-->

@@ -36,7 +36,7 @@ exports[`DashboardPanel > renders with defaultSize correctly 1`] = `

36363737

exports[`DashboardPanel > renders with footer slot correctly 1`] = `

3838

"<div class="fixed inset-0 flex overflow-hidden">

39-

<div id="dashboard-panel-v-0" data-dragging="false" class="relative flex flex-col min-w-0 min-h-svh lg:not-last:border-r lg:not-last:border-default flex-1">

39+

<div id="dashboard-panel-v-0" data-dragging="false" class="relative flex flex-col min-w-0 min-h-svh lg:not-last:border-e lg:not-last:border-default flex-1">

4040

<div class="flex flex-col gap-4 sm:gap-6 flex-1 overflow-y-auto p-4 sm:p-6"></div>Footer slot

4141

</div>

4242

<!--v-if-->

@@ -45,15 +45,15 @@ exports[`DashboardPanel > renders with footer slot correctly 1`] = `

45454646

exports[`DashboardPanel > renders with header slot correctly 1`] = `

4747

"<div class="fixed inset-0 flex overflow-hidden">

48-

<div id="dashboard-panel-v-0" data-dragging="false" class="relative flex flex-col min-w-0 min-h-svh lg:not-last:border-r lg:not-last:border-default flex-1">Header slot<div class="flex flex-col gap-4 sm:gap-6 flex-1 overflow-y-auto p-4 sm:p-6"></div>

48+

<div id="dashboard-panel-v-0" data-dragging="false" class="relative flex flex-col min-w-0 min-h-svh lg:not-last:border-e lg:not-last:border-default flex-1">Header slot<div class="flex flex-col gap-4 sm:gap-6 flex-1 overflow-y-auto p-4 sm:p-6"></div>

4949

</div>

5050

<!--v-if-->

5151

</div>"

5252

`;

53535454

exports[`DashboardPanel > renders with id correctly 1`] = `

5555

"<div class="fixed inset-0 flex overflow-hidden">

56-

<div id="dashboard-panel-test" data-dragging="false" class="relative flex flex-col min-w-0 min-h-svh lg:not-last:border-r lg:not-last:border-default flex-1">

56+

<div id="dashboard-panel-test" data-dragging="false" class="relative flex flex-col min-w-0 min-h-svh lg:not-last:border-e lg:not-last:border-default flex-1">

5757

<div class="flex flex-col gap-4 sm:gap-6 flex-1 overflow-y-auto p-4 sm:p-6"></div>

5858

</div>

5959

<!--v-if-->

@@ -62,7 +62,7 @@ exports[`DashboardPanel > renders with id correctly 1`] = `

62626363

exports[`DashboardPanel > renders with maxSize correctly 1`] = `

6464

"<div class="fixed inset-0 flex overflow-hidden">

65-

<div id="dashboard-panel-v-0" data-dragging="false" class="relative flex flex-col min-w-0 min-h-svh lg:not-last:border-r lg:not-last:border-default flex-1">

65+

<div id="dashboard-panel-v-0" data-dragging="false" class="relative flex flex-col min-w-0 min-h-svh lg:not-last:border-e lg:not-last:border-default flex-1">

6666

<div class="flex flex-col gap-4 sm:gap-6 flex-1 overflow-y-auto p-4 sm:p-6"></div>

6767

</div>

6868

<!--v-if-->

@@ -71,7 +71,7 @@ exports[`DashboardPanel > renders with maxSize correctly 1`] = `

71717272

exports[`DashboardPanel > renders with minSize correctly 1`] = `

7373

"<div class="fixed inset-0 flex overflow-hidden">

74-

<div id="dashboard-panel-v-0" data-dragging="false" class="relative flex flex-col min-w-0 min-h-svh lg:not-last:border-r lg:not-last:border-default flex-1">

74+

<div id="dashboard-panel-v-0" data-dragging="false" class="relative flex flex-col min-w-0 min-h-svh lg:not-last:border-e lg:not-last:border-default flex-1">

7575

<div class="flex flex-col gap-4 sm:gap-6 flex-1 overflow-y-auto p-4 sm:p-6"></div>

7676

</div>

7777

<!--v-if-->

@@ -80,7 +80,7 @@ exports[`DashboardPanel > renders with minSize correctly 1`] = `

80808181

exports[`DashboardPanel > renders with resizable correctly 1`] = `

8282

"<div class="fixed inset-0 flex overflow-hidden">

83-

<div id="dashboard-panel-v-0" data-dragging="false" class="relative flex flex-col min-w-0 min-h-svh lg:not-last:border-r lg:not-last:border-default flex-1">

83+

<div id="dashboard-panel-v-0" data-dragging="false" class="relative flex flex-col min-w-0 min-h-svh lg:not-last:border-e lg:not-last:border-default flex-1">

8484

<div class="flex flex-col gap-4 sm:gap-6 flex-1 overflow-y-auto p-4 sm:p-6"></div>

8585

</div>

8686

<div role="separator" class="hidden lg:block touch-none select-none cursor-ew-resize relative before:absolute before:inset-y-0 before:-left-1.5 before:-right-1.5" aria-controls="dashboard-panel-v-0"></div>

@@ -89,15 +89,15 @@ exports[`DashboardPanel > renders with resizable correctly 1`] = `

89899090

exports[`DashboardPanel > renders with resize-handle slot correctly 1`] = `

9191

"<div class="fixed inset-0 flex overflow-hidden">

92-

<div id="dashboard-panel-v-0" data-dragging="false" class="relative flex flex-col min-w-0 min-h-svh lg:not-last:border-r lg:not-last:border-default flex-1">

92+

<div id="dashboard-panel-v-0" data-dragging="false" class="relative flex flex-col min-w-0 min-h-svh lg:not-last:border-e lg:not-last:border-default flex-1">

9393

<div class="flex flex-col gap-4 sm:gap-6 flex-1 overflow-y-auto p-4 sm:p-6"></div>

9494

</div>Resize handle slot

9595

</div>"

9696

`;

97979898

exports[`DashboardPanel > renders with ui correctly 1`] = `

9999

"<div class="fixed inset-0 flex overflow-hidden">

100-

<div id="dashboard-panel-v-0" data-dragging="false" class="relative flex flex-col min-w-0 min-h-svh lg:not-last:border-r lg:not-last:border-default flex-1">

100+

<div id="dashboard-panel-v-0" data-dragging="false" class="relative flex flex-col min-w-0 min-h-svh lg:not-last:border-e lg:not-last:border-default flex-1">

101101

<div class="flex flex-col gap-4 sm:gap-6 flex-1 overflow-y-auto sm:p-6 p-8"></div>

102102

</div>

103103

<!--v-if-->

Read the original on github.com ↗