File tree Expand file tree Collapse file tree 12 files changed +43
-43
lines changed
content/1.getting-started Expand file tree Collapse file tree 12 files changed +43
-43
lines changed Original file line number Diff line number Diff line change @@ -5,11 +5,11 @@ import { SplitPanel } from '@directus/vue-split-panel';
55<template >
66 <SplitPanel class =" w-full" >
77 <template #start >
8- <div class =" h-16 bg-orange-50 flex items-center justify-center" >Panel A</div >
8+ <div class =" h-16 bg-orange-100 dark:bg-orange-900 flex items-center justify-center" >Panel A</div >
99 </template >
1010
1111 <template #end >
12- <div class =" h-16 bg-blue-50 flex items-center justify-center" >Panel B</div >
12+ <div class =" h-16 bg-blue-100 dark:bg-blue-900 flex items-center justify-center" >Panel B</div >
1313 </template >
1414 </SplitPanel >
1515</template >
Original file line number Diff line number Diff line change @@ -13,11 +13,11 @@ import { SplitPanel } from '@directus/vue-split-panel';
1313 :collapse-threshold =" 50"
1414 >
1515 <template #start >
16- <div class =" h-16 bg-orange-50 flex items-center justify-center" >Panel A</div >
16+ <div class =" h-16 bg-orange-100 dark:bg-orange-900 flex items-center justify-center" >Panel A</div >
1717 </template >
1818
1919 <template #end >
20- <div class =" h-16 bg-blue-50 flex items-center justify-center" >Panel B</div >
20+ <div class =" h-16 bg-blue-100 dark:bg-blue-900 flex items-center justify-center" >Panel B</div >
2121 </template >
2222 </SplitPanel >
2323</template >
Original file line number Diff line number Diff line change @@ -12,15 +12,15 @@ import { SplitPanel } from '@directus/vue-split-panel';
1212 :max-size =" 500"
1313 >
1414 <template #start >
15- <div class =" h-16 bg-orange-50 flex items-center justify-center" >Panel A</div >
15+ <div class =" h-16 bg-orange-100 dark:bg-orange-900 flex items-center justify-center" >Panel A</div >
1616 </template >
1717
1818 <template #divider >
1919 <div class =" h-full bg-muted hover:bg-primary w-4" />
2020 </template >
2121
2222 <template #end >
23- <div class =" h-16 bg-blue-50 flex items-center justify-center" >Panel B</div >
23+ <div class =" h-16 bg-blue-100 dark:bg-blue-900 flex items-center justify-center" >Panel B</div >
2424 </template >
2525 </SplitPanel >
2626</template >
Original file line number Diff line number Diff line change @@ -5,17 +5,17 @@ import { SplitPanel } from '@directus/vue-split-panel';
55<template >
66 <SplitPanel primary =" start" class =" h-128 w-full" >
77 <template #start >
8- <div class =" w-full h-full bg-orange-50 flex items-center justify-center" >Panel A</div >
8+ <div class =" w-full h-full bg-orange-100 dark:bg-orange-900 flex items-center justify-center" >Panel A</div >
99 </template >
1010
1111 <template #end >
1212 <SplitPanel orientation =" vertical" class =" h-full" >
1313 <template #start >
14- <div class =" w-full h-full bg-red-50 flex items-center justify-center" >Panel B</div >
14+ <div class =" w-full h-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center" >Panel B</div >
1515 </template >
1616
1717 <template #end >
18- <div class =" w-full h-full bg-green-50 flex items-center justify-center" >Panel C</div >
18+ <div class =" w-full h-full bg-green-100 dark:bg-green-900 flex items-center justify-center" >Panel C</div >
1919 </template >
2020 </SplitPanel >
2121 </template >
Original file line number Diff line number Diff line change @@ -11,11 +11,11 @@ import { SplitPanel } from '@directus/vue-split-panel';
1111 :max-size =" 40"
1212 >
1313 <template #start >
14- <div class =" h-16 bg-orange-50 flex items-center justify-center" >Panel A</div >
14+ <div class =" h-16 bg-orange-100 dark:bg-orange-900 flex items-center justify-center" >Panel A</div >
1515 </template >
1616
1717 <template #end >
18- <div class =" h-16 bg-blue-50 flex items-center justify-center" >Panel B</div >
18+ <div class =" h-16 bg-blue-100 dark:bg-blue-900 flex items-center justify-center" >Panel B</div >
1919 </template >
2020 </SplitPanel >
2121</template >
Original file line number Diff line number Diff line change @@ -5,11 +5,11 @@ import { SplitPanel } from '@directus/vue-split-panel';
55<template >
66 <SplitPanel class =" w-full" primary =" start" :size =" 350" size-unit =" px" >
77 <template #start >
8- <div class =" w-full h-16 bg-orange-50 flex items-center justify-center" >Panel A</div >
8+ <div class =" w-full h-16 bg-orange-100 dark:bg-orange-900 flex items-center justify-center" >Panel A</div >
99 </template >
1010
1111 <template #end >
12- <div class =" w-full h-16 bg-blue-50 flex items-center justify-center" >Panel B</div >
12+ <div class =" w-full h-16 bg-blue-100 dark:bg-blue-900 flex items-center justify-center" >Panel B</div >
1313 </template >
1414 </SplitPanel >
1515</template >
Original file line number Diff line number Diff line change @@ -11,11 +11,11 @@ import { SplitPanel } from '@directus/vue-split-panel';
1111 :max-size =" 500"
1212 >
1313 <template #start >
14- <div class =" h-16 bg-orange-50 flex items-center justify-center" >Panel A</div >
14+ <div class =" h-16 bg-orange-100 dark:bg-orange-900 flex items-center justify-center" >Panel A</div >
1515 </template >
1616
1717 <template #end >
18- <div class =" h-16 bg-blue-50 flex items-center justify-center" >Panel B</div >
18+ <div class =" h-16 bg-blue-100 dark:bg-blue-900 flex items-center justify-center" >Panel B</div >
1919 </template >
2020 </SplitPanel >
2121</template >
Original file line number Diff line number Diff line change @@ -5,11 +5,11 @@ import { SplitPanel } from '@directus/vue-split-panel';
55<template >
66 <SplitPanel class =" w-full" :snap-points =" [25, 50]" >
77 <template #start >
8- <div class =" h-16 bg-orange-50 flex items-center justify-center" >Panel A</div >
8+ <div class =" h-16 bg-orange-100 dark:bg-orange-900 flex items-center justify-center" >Panel A</div >
99 </template >
1010
1111 <template #end >
12- <div class =" h-16 bg-blue-50 flex items-center justify-center" >Panel B</div >
12+ <div class =" h-16 bg-blue-100 dark:bg-blue-900 flex items-center justify-center" >Panel B</div >
1313 </template >
1414 </SplitPanel >
1515</template >
Original file line number Diff line number Diff line change @@ -14,11 +14,11 @@ import { SplitPanel } from '@directus/vue-split-panel';
1414 transition-duration =" 150ms"
1515 >
1616 <template #start >
17- <div class =" h-16 bg-orange-50 flex items-center justify-center" >Panel A</div >
17+ <div class =" h-16 bg-orange-100 dark:bg-orange-900 flex items-center justify-center" >Panel A</div >
1818 </template >
1919
2020 <template #end >
21- <div class =" h-16 bg-blue-50 flex items-center justify-center" >Panel B</div >
21+ <div class =" h-16 bg-blue-100 dark:bg-blue-900 flex items-center justify-center" >Panel B</div >
2222 </template >
2323 </SplitPanel >
2424</template >
Original file line number Diff line number Diff line change @@ -8,11 +8,11 @@ import { SplitPanel } from '@directus/vue-split-panel';
88 class =" h-128 w-full"
99 >
1010 <template #start >
11- <div class =" w-full h-full bg-orange-50 flex items-center justify-center" >Panel A</div >
11+ <div class =" w-full h-full bg-orange-100 dark:bg-orange-900 flex items-center justify-center" >Panel A</div >
1212 </template >
1313
1414 <template #end >
15- <div class =" w-full h-full bg-blue-50 flex items-center justify-center" >Panel B</div >
15+ <div class =" w-full h-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center" >Panel B</div >
1616 </template >
1717 </SplitPanel >
1818</template >
You can’t perform that action at this time.
0 commit comments