Skip to content

Commit a4a8479

Browse files
BobbieGoedeBobbieGoede
committed
docs: tweaks
1 parent 562a025 commit a4a8479

File tree

12 files changed

+729
-177
lines changed

12 files changed

+729
-177
lines changed

‎docs/app.vue

Lines changed: 11 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,22 @@
11
<script setup lang="ts">
2-
// @ts-expect-error This is because we're using Nuxt Content v2.8.2 instead of the new version which includes these types. We're using the old version because the latest has issues with highlighting
32
import type { ParsedContent } from '@nuxt/content/dist/runtime/types'
43
import type { PageLink } from '#ui-pro/types'
54
65
// Seo
76
const { seo } = useAppConfig()
8-
useHead({ htmlAttrs: { lang: 'en' }, link: [{ rel: 'icon', href: '/favicon.ico' }] })
7+
useHead({
8+
htmlAttrs: { lang: 'en' },
9+
link: [{ rel: 'icon', href: '/favicon.ico' }],
10+
})
911
useSeoMeta({
1012
titleTemplate: `%s - ${seo.siteName}`,
1113
ogSiteName: seo.siteName,
1214
twitterCard: 'summary_large_image',
1315
})
1416
1517
// Navigation Data
16-
const { data: navigation } = await useAsyncData('navigation', () => fetchContentNavigation())
18+
const { data: navigation } = await useAsyncData('navigation', () =>
19+
fetchContentNavigation())
1720
provide('navigation', navigation)
1821
1922
// Search
@@ -45,7 +48,11 @@ const links: PageLink[] = [
4548
<TheFooter />
4649

4750
<ClientOnly>
48-
<LazyUDocsSearch :files="files" :navigation="navigation" :links="links" />
51+
<LazyUContentSearch
52+
:files="files"
53+
:navigation="navigation"
54+
:links="links"
55+
/>
4956
</ClientOnly>
5057

5158
<UNotifications />

‎docs/components/OgImage/OgImageDocs.vue

Lines changed: 92 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,92 @@
1+
<script lang="ts" setup>
2+
defineOptions({
3+
inheritAttrs: false,
4+
})
5+
6+
defineProps({
7+
title: {
8+
type: String,
9+
required: true,
10+
},
11+
description: {
12+
type: String,
13+
required: true,
14+
},
15+
headline: {
16+
type: String,
17+
default: '',
18+
},
19+
})
20+
</script>
21+
22+
<template>
23+
<div class="w-full h-full flex flex-col justify-center bg-neutral-900">
24+
<svg
25+
class="absolute right-0 top-0"
26+
width="629"
27+
height="593"
28+
viewBox="0 0 629 593"
29+
fill="none"
30+
xmlns="http://www.w3.org/2000/svg"
31+
>
32+
<g filter="url(#filter0_f_199_94966)">
33+
<path
34+
d="M628.5 -578L639.334 -94.4223L806.598 -548.281L659.827 -87.387L965.396 -462.344L676.925 -74.0787L1087.69 -329.501L688.776 -55.9396L1160.22 -164.149L694.095 -34.9354L1175.13 15.7948L692.306 -13.3422L1130.8 190.83L683.602 6.50012L1032.04 341.989L668.927 22.4412L889.557 452.891L649.872 32.7537L718.78 511.519L628.5 36.32L538.22 511.519L607.128 32.7537L367.443 452.891L588.073 22.4412L224.955 341.989L573.398 6.50012L126.198 190.83L564.694 -13.3422L81.8734 15.7948L562.905 -34.9354L96.7839 -164.149L568.224 -55.9396L169.314 -329.501L580.075 -74.0787L291.604 -462.344L597.173 -87.387L450.402 -548.281L617.666 -94.4223L628.5 -578Z"
35+
fill="#1AD6FF"
36+
/>
37+
</g>
38+
<defs>
39+
<filter
40+
id="filter0_f_199_94966"
41+
x="0.873535"
42+
y="-659"
43+
width="1255.25"
44+
height="1251.52"
45+
filterUnits="userSpaceOnUse"
46+
color-interpolation-filters="sRGB"
47+
>
48+
<feFlood flood-opacity="0" result="BackgroundImageFix" />
49+
<feBlend
50+
mode="normal"
51+
in="SourceGraphic"
52+
in2="BackgroundImageFix"
53+
result="shape"
54+
/>
55+
<feGaussianBlur
56+
stdDeviation="40.5"
57+
result="effect1_foregroundBlur_199_94966"
58+
/>
59+
</filter>
60+
</defs>
61+
</svg>
62+
63+
<div class="w-[700px] pl-[100px]">
64+
<p
65+
v-if="headline"
66+
class="uppercase text-[24px] text-[#1AD6FF] mb-4 font-semibold"
67+
>
68+
{{ headline }}
69+
</p>
70+
<h1
71+
class="m-0 text-[64px] font-semibold mb-2 text-white flex items-center"
72+
>
73+
<span>{{ title }}</span>
74+
</h1>
75+
<p v-if="description" class="text-[32px] text-[#94a3b8] leading-tight">
76+
{{ description.slice(0, 200) }}
77+
</p>
78+
</div>
79+
80+
<div class="absolute top-[192px] right-[128px]">
81+
<img src="/logo.svg" style="width: 256px; height: 256px">
82+
</div>
83+
<svg
84+
class="absolute top-[160px] right-[90px]"
85+
width="340"
86+
height="340"
87+
viewBox="0 0 340 340"
88+
fill="none"
89+
xmlns="http://www.w3.org/2000/svg"
90+
/>
91+
</div>
92+
</template>

‎docs/components/TheHeader.vue

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
<script setup lang="ts">
2-
// @ts-expect-error This is because we're using Nuxt Content v2.8.2 instead of the new version which includes these types. We're using the old version because the latest has issues with highlighting
32
import type { NavItem } from '@nuxt/content/dist/runtime/types'
43
import type { HeaderLink } from '#ui-pro/types'
54
@@ -13,15 +12,16 @@ const navigation = inject<NavItem[]>('navigation', [])
1312
<template>
1413
<UHeader :links="links">
1514
<template #logo>
16-
<div style="display: flex; align-items: center;">
17-
<img src="/logo.svg" class="w-auto h-8" style="margin-right: .5em">
18-
<span class="text-primary">VueUse</span>Motion
15+
<div style="display: flex; align-items: center">
16+
<img src="/logo.svg" class="w-auto h-8" style="margin-right: 0.5em">
17+
<span class="text-primary" style="margin-right: 0.25em">VueUse</span>
18+
Motion
1919
</div>
2020
</template>
2121

2222
<template #right>
2323
<UTooltip text="Search" :shortcuts="[metaSymbol, 'K']">
24-
<UContentSearchButton :label="null" />
24+
<UContentSearchButton :label="undefined" />
2525
</UTooltip>
2626

2727
<UTooltip text="Toggle Theme">

‎docs/components/content/ComponentProps.vue

Lines changed: 0 additions & 32 deletions
This file was deleted.

‎docs/components/content/Person.vue

Lines changed: 53 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,17 @@ const leftEye = ref<SVGElement>()
1212
const rightEye = ref<SVGElement>()
1313
const mouth = ref<SVGElement>()
1414
15-
const refs = [bigBottomCircle, smallBottomCircle, bigTopCircle, head, arms, legs, leftEye, rightEye, mouth]
15+
const refs = [
16+
bigBottomCircle,
17+
smallBottomCircle,
18+
bigTopCircle,
19+
head,
20+
arms,
21+
legs,
22+
leftEye,
23+
rightEye,
24+
mouth,
25+
]
1626
1727
refs.forEach((ref, index) => {
1828
const { variant } = useMotion(ref, {
@@ -49,16 +59,29 @@ refs.forEach((ref, index) => {
4959

5060
<template>
5161
<div class="person">
52-
<svg height="420px" viewBox="0 0 600 550" fill="none" xmlns="http://www.w3.org/2000/svg">
53-
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="202" y="173" width="198" height="137">
62+
<svg
63+
height="420px"
64+
viewBox="0 0 600 550"
65+
fill="none"
66+
xmlns="http://www.w3.org/2000/svg"
67+
>
68+
<mask
69+
id="mask0"
70+
mask-type="alpha"
71+
maskUnits="userSpaceOnUse"
72+
x="202"
73+
y="173"
74+
width="198"
75+
height="137"
76+
>
5477
<path
5578
fill-rule="evenodd"
5679
clip-rule="evenodd"
5780
d="M219.33 205.236C203.262 223.476 196.064 249.629 208.22 270.19C217.504 285.894 235.588 295.832 254.093 301.953C282.194 311.249 313.964 313.262 341.957 303.703C369.949 294.143 393.3 271.987 398.45 245.355C402.496 224.429 399.181 198.945 369.841 183.696C347.282 171.972 257.56 161.837 219.33 205.236Z"
5881
fill="white"
5982
/>
6083
</mask>
61-
<g ref="bigTopCircle" mask="url(#mask0)">
84+
<g ref="bigTopCircle" mask="url(#mask0)" style="opacity: 0">
6285
<path
6386
fill-rule="evenodd"
6487
clip-rule="evenodd"
@@ -158,15 +181,24 @@ refs.forEach((ref, index) => {
158181
fill="white"
159182
/>
160183
</g>
161-
<mask id="mask1" mask-type="alpha" maskUnits="userSpaceOnUse" x="244" y="309" width="126" height="80">
184+
<mask
185+
id="mask1"
186+
mask-type="alpha"
187+
maskUnits="userSpaceOnUse"
188+
x="244"
189+
y="309"
190+
width="126"
191+
height="80"
192+
style="opacity: 0"
193+
>
162194
<path
163195
fill-rule="evenodd"
164196
clip-rule="evenodd"
165197
d="M247.518 331.52C241.174 343.915 244.285 359.835 253.288 370.478C262.292 381.12 276.271 386.808 290.219 387.865C304.166 388.922 318.134 385.738 331.299 381.037C341.487 377.399 351.587 372.676 359.135 364.961C366.682 357.245 371.309 346.032 368.838 335.554C362.97 310.672 332.255 309.037 311.694 309.982C289.198 311.015 259.81 307.506 247.518 331.52Z"
166198
fill="white"
167199
/>
168200
</mask>
169-
<g ref="smallBottomCircle" mask="url(#mask1)">
201+
<g ref="smallBottomCircle" mask="url(#mask1)" style="opacity: 0">
170202
<path
171203
fill-rule="evenodd"
172204
clip-rule="evenodd"
@@ -228,21 +260,31 @@ refs.forEach((ref, index) => {
228260
clip-rule="evenodd"
229261
d="M440.919 341.115C466.576 346.42 482.198 363.856 487.438 396.256C490.132 412.916 483.074 426.317 467.799 436.472C454.946 445.017 436.526 451.128 413.876 455.102C395.632 458.302 375.36 459.979 355.25 460.338L353.443 460.367C339.025 460.563 325.71 460.015 320.653 459.202C319.695 459.048 318.727 459.415 318.079 460.183L318 460.282L309.964 470.658C306.939 474.565 300.843 472.56 300.527 467.695L300.519 467.546L300.5 467.068L300.481 467.546C300.283 472.469 294.215 474.562 291.129 470.775L291.036 470.658L283 460.282C282.354 459.447 281.345 459.042 280.347 459.202L279.849 459.277C274.225 460.081 260.398 460.6 245.75 460.338C225.64 459.979 205.368 458.302 187.124 455.102C164.474 451.128 146.054 445.017 133.201 436.472C117.926 426.317 110.868 412.916 113.562 396.256C118.802 363.856 134.424 346.42 160.081 341.115C171.029 338.851 183.772 338.778 198.818 340.625L199.473 340.707C212.292 342.32 226.343 345.211 244.65 349.77C245.723 350.037 246.375 351.12 246.107 352.188C245.838 353.256 244.751 353.906 243.678 353.638L241.652 353.137C224.471 348.902 211.127 346.193 198.971 344.663C184.043 342.783 171.512 342.824 160.896 345.019C136.921 349.977 122.5 366.072 117.516 396.89C115.091 411.888 121.371 423.813 135.425 433.156C147.733 441.339 165.667 447.289 187.819 451.174C205.504 454.277 225.164 455.933 244.715 456.33L246.714 456.366C261.262 456.595 274.828 456.05 279.709 455.265C282.112 454.879 284.522 455.817 286.065 457.713L286.172 457.847L294.208 468.223C294.932 469.159 296.36 468.705 296.473 467.474L296.479 467.386L297.764 435.516C297.85 433.374 296.361 431.522 294.741 431.559C275.169 431.999 257.145 428.366 235.892 420.565L234.401 420.013C228.897 417.959 223.204 415.653 216.128 412.648L213.045 411.33C209.075 409.619 196.254 404.071 192.057 402.293L190.359 401.577C190.311 401.559 190.264 401.539 190.218 401.518L189.921 401.392C185.238 399.424 180.959 397.679 176.75 396.03C175.721 395.627 175.215 394.47 175.62 393.445C176.025 392.42 177.187 391.916 178.216 392.319C180.93 393.382 183.672 394.485 186.529 395.659L183.068 389.437C182.533 388.474 182.883 387.26 183.85 386.727C184.786 386.211 185.958 386.52 186.518 387.414L186.572 387.505L192.49 398.147L195.13 399.265C200.955 401.754 213.803 407.316 215.598 408.084L217.695 408.978C225.064 412.108 230.911 414.469 236.601 416.574C257.713 424.386 275.431 428.004 294.65 427.572C297.115 427.517 299.23 428.886 300.5 430.907C301.77 428.886 303.885 427.517 306.35 427.572C325.57 428.004 343.289 424.386 364.402 416.573L365.596 416.129C370.914 414.135 376.453 411.889 383.307 408.977L386.121 407.775C389.759 406.208 403.069 400.448 407.375 398.624L408.512 398.143L414.429 387.505C414.965 386.542 416.183 386.194 417.151 386.727C418.087 387.244 418.445 388.397 417.981 389.343L417.932 389.437L414.472 395.659C417.329 394.485 420.07 393.382 422.784 392.319C423.813 391.916 424.975 392.42 425.38 393.445C425.785 394.47 425.279 395.627 424.25 396.03L422.985 396.528C419.096 398.064 415.12 399.692 410.796 401.511C410.736 401.54 410.676 401.565 410.614 401.588C410.534 401.621 410.454 401.655 410.373 401.689L407.249 403.015C401.352 405.537 388.772 410.982 386.985 411.747L385.394 412.426C377.728 415.688 371.687 418.131 365.797 420.311C344.244 428.287 326.042 432.003 306.259 431.559C304.671 431.523 303.21 433.301 303.233 435.388L303.237 435.516L304.521 467.387C304.572 468.654 305.984 469.158 306.741 468.286L306.792 468.223L314.829 457.846C316.367 455.861 318.833 454.87 321.291 455.265C326.172 456.05 339.739 456.595 354.287 456.366L355.178 456.351C375.093 455.995 395.163 454.335 413.182 451.174C435.333 447.289 453.267 441.339 465.575 433.156C479.629 423.813 485.909 411.888 483.484 396.89C478.5 366.072 464.079 349.977 440.105 345.019C429.488 342.824 416.957 342.783 402.029 344.663L401.08 344.784C388.701 346.397 375.034 349.228 357.322 353.638C356.249 353.906 355.162 353.256 354.893 352.188C354.625 351.12 355.277 350.037 356.35 349.77L358.392 349.264C375.485 345.051 388.838 342.331 401.046 340.768L401.527 340.707C416.859 338.776 429.813 338.818 440.919 341.115Z"
230262
fill="#333"
263+
style="opacity: 0"
231264
/>
232265
<path
233266
ref="legs"
234267
d="M231.251 188.307C231.622 189.307 231.137 190.414 230.163 190.829L229.79 190.976L229.423 191.128C229.166 191.236 228.879 191.362 228.56 191.506C227.269 192.091 225.763 192.842 224.06 193.777C219.162 196.467 213.688 200.083 207.782 204.752C190.84 218.146 173.87 237.298 158.007 263.244C148.588 278.651 167.144 298.931 216.583 322.806C216.72 322.857 216.854 322.913 216.988 322.974L217.139 323.044L221.425 325.109C222.574 325.648 223.738 326.188 224.918 326.73C225.922 327.191 226.36 328.375 225.896 329.374C225.432 330.373 224.243 330.809 223.239 330.347C222.042 329.797 220.86 329.249 219.693 328.701L219.69 328.7L219.674 328.693C218.099 327.954 216.552 327.218 215.032 326.485C213.654 326.027 212.114 326.627 211.43 327.946C210.678 329.396 211.241 331.171 212.674 331.936L212.777 331.989L221.904 336.419C226.212 338.509 231.41 336.877 233.731 332.705C237.985 325.058 236.572 315.536 230.309 309.439L230.118 309.255L191.454 272.616C190.66 271.863 190.626 270.621 191.359 269.827L191.438 269.747L230.979 231.398C231.77 230.63 233.038 230.647 233.81 231.434C234.556 232.196 234.565 233.4 233.85 234.173L233.773 234.251L195.72 271.156L232.879 306.37C240.546 313.635 242.377 325.093 237.387 334.355L237.234 334.635C233.914 340.601 226.521 342.972 220.336 340.088L220.149 339.999L211.022 335.569C207.494 333.856 206.071 329.591 207.871 326.119C208.336 325.222 208.971 324.467 209.717 323.874C162.004 300.022 143.723 278.942 154.587 261.173C170.694 234.826 187.979 215.319 205.291 201.632C211.374 196.823 217.033 193.085 222.126 190.289L222.833 189.905C224.226 189.157 225.492 188.527 226.623 188.007L227.209 187.742C227.895 187.437 228.389 187.236 228.678 187.13C229.715 186.748 230.867 187.275 231.251 188.307ZM372.823 187.13L373.037 187.211C373.359 187.338 373.83 187.535 374.442 187.809L374.598 187.879C375.983 188.506 377.582 189.304 379.376 190.289C384.468 193.085 390.127 196.823 396.21 201.632C413.522 215.319 430.807 234.826 446.915 261.173C457.777 278.942 439.496 300.022 391.785 323.874C392.53 324.467 393.164 325.222 393.629 326.119C395.405 329.542 394.046 333.738 390.624 335.497L390.479 335.569L381.352 339.999C375.13 343.02 367.62 340.662 364.267 334.635C359.14 325.418 360.842 313.941 368.391 306.591L368.622 306.37L405.781 271.156L367.728 234.251C366.962 233.509 366.922 232.306 367.617 231.515L367.691 231.434C368.437 230.673 369.647 230.632 370.442 231.324L370.523 231.398L410.064 269.747C410.849 270.509 410.868 271.751 410.126 272.536L410.047 272.616L371.383 309.255C364.958 315.344 363.473 324.981 367.77 332.705C370.063 336.826 375.163 338.469 379.438 336.493L379.596 336.419L388.723 331.989C390.233 331.256 390.841 329.431 390.071 327.946C389.387 326.626 387.846 326.026 386.466 326.485C384.948 327.218 383.402 327.954 381.828 328.692L381.81 328.7C380.641 329.249 379.459 329.797 378.262 330.347C377.258 330.809 376.068 330.373 375.605 329.374C375.141 328.375 375.579 327.191 376.583 326.73C377.77 326.185 378.941 325.641 380.097 325.099L384.362 323.044C384.544 322.957 384.728 322.878 384.913 322.807C434.356 298.932 452.913 278.652 443.494 263.244C427.631 237.298 410.661 218.146 393.719 204.752C387.813 200.083 382.34 196.467 377.441 193.777C375.852 192.905 374.434 192.192 373.202 191.625L372.941 191.506C372.559 191.333 372.221 191.187 371.929 191.065L371.459 190.876L371.434 190.867C370.397 190.485 369.867 189.339 370.25 188.307C370.634 187.275 371.786 186.748 372.823 187.13Z"
235268
fill="#333"
269+
style="opacity: 0"
236270
/>
237-
<mask id="mask2" mask-type="alpha" maskUnits="userSpaceOnUse" x="253" y="77" width="95" height="88">
271+
<mask
272+
id="mask2"
273+
mask-type="alpha"
274+
maskUnits="userSpaceOnUse"
275+
x="253"
276+
y="77"
277+
width="95"
278+
height="88"
279+
>
238280
<path
239281
fill-rule="evenodd"
240282
clip-rule="evenodd"
241283
d="M273.282 88.4443C297.425 72.6453 308.947 73.7349 326.506 88.4443C344.064 103.154 361.074 126.58 332.542 148.372C304.009 170.163 290.84 168.529 268.343 148.372C245.847 128.214 249.139 104.243 273.282 88.4443Z"
242284
fill="white"
243285
/>
244286
</mask>
245-
<g ref="head" mask="url(#mask2)">
287+
<g ref="head" mask="url(#mask2)" style="opacity: 0">
246288
<path
247289
fill-rule="evenodd"
248290
clip-rule="evenodd"
@@ -296,16 +338,19 @@ refs.forEach((ref, index) => {
296338
clip-rule="evenodd"
297339
d="M308.685 128.97L308.622 129.008C307.364 129.757 306.138 130.344 304.867 130.731C303.598 131.121 302.301 131.315 301.001 131.319C299.7 131.317 298.402 131.121 297.136 130.73C295.864 130.343 294.638 129.754 293.382 129.002L293.319 128.963C292.889 128.707 292.332 128.693 291.879 128.975C291.238 129.372 291.045 130.208 291.449 130.841C292.414 132.356 293.867 133.599 295.537 134.444C297.209 135.289 299.104 135.734 300.999 135.736C302.895 135.739 304.791 135.294 306.465 134.45C308.135 133.607 309.589 132.366 310.554 130.847C310.819 130.429 310.843 129.88 310.567 129.428C310.176 128.789 309.333 128.583 308.685 128.97Z"
298340
fill="#000"
341+
style="opacity: 0"
299342
/>
300343
<path
301344
ref="rightEye"
302345
d="M313.533 116.771C315.13 117.036 316.879 116.224 317.608 114.788C319.219 111.612 315.507 108.857 312.566 110.201C309.478 111.613 310.224 116.223 313.533 116.771Z"
303346
fill="#000"
347+
style="opacity: 0"
304348
/>
305349
<path
306350
ref="leftEye"
307351
d="M288.193 116.771C286.596 117.036 284.847 116.224 284.118 114.788C282.506 111.612 286.219 108.857 289.16 110.201C292.248 111.613 291.502 116.223 288.193 116.771Z"
308352
fill="#000"
353+
style="opacity: 0"
309354
/>
310355
</svg>
311356
</div>

‎docs/components/content/PresetSection.vue

Lines changed: 12 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -52,15 +52,16 @@ async function replay() {
5252
isReplaying.value = false
5353
}
5454
55-
const { data } = await useAsyncData(`preset-${props.name}`, () => parseMarkdown(
56-
[
57-
'```vue',
58-
'<template>',
59-
` <div v-motion-${slugify(props.name)} />`,
60-
'</template>',
61-
'```',
62-
].join('\n'),
63-
))
55+
const { data } = await useAsyncData(`preset-${props.name}`, () =>
56+
parseMarkdown(
57+
[
58+
`::code-group`,
59+
`\`\`\`vue [v-motion]\n<template>\n <div v-motion-${slugify(props.name)} />\n</template>\n\`\`\``,
60+
`\`\`\`vue [<Motion />]\n<template>\n <Motion preset="${props.name}" />\n</template>\n\`\`\``,
61+
`\`\`\`json [Preset]\n${JSON.stringify(props.preset, null, 2)}\n\`\`\``,
62+
`::`,
63+
].join('\n'),
64+
))
6465
</script>
6566

6667
<template>
@@ -70,9 +71,7 @@ const { data } = await useAsyncData(`preset-${props.name}`, () => parseMarkdown(
7071
</ProseH3>
7172

7273
<div class="content">
73-
<!-- <div class="demoCode"> -->
74-
<ContentRendererMarkdown class="demoCode" :value="data" />
75-
<!-- </div> -->
74+
<ContentRendererMarkdown class="demoCode" :value="data ?? {}" />
7675

7776
<div class="demoContainer relative">
7877
<client-only>
@@ -110,7 +109,7 @@ const { data } = await useAsyncData(`preset-${props.name}`, () => parseMarkdown(
110109
}
111110
112111
.demoContainer {
113-
@apply bg-blue-50/25 dark:bg-blue-900/25;
112+
border: 1px solid #282828;
114113
width: 50%;
115114
flex: 1;
116115
display: flex;

‎docs/components/content/examples/MotionComponent.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020
overflow-y: scroll;
2121
overflow-x: hidden;
2222
text-align: center;
23-
border: 1px solid #222;
23+
border: 1px solid #282828;
2424
border-radius: 0.5em;
2525
}
2626

0 commit comments

Comments
 (0)