optimize(styles): optimize the responsive design of the homepage logo.

Azir-11 · honghuangdc · commit 12b6d3654b75 · 2025-11-22T22:21:54.000+08:00
diff --git a/docs/src/pages/index.vue b/docs/src/pages/index.vue
@@ -59,7 +59,7 @@ function getDelay(index: number) {
           :initial="{ opacity: 0, scale: 0.5 }"
           :animate="{ opacity: 1, scale: 1 }"
           :transition="{ duration: 0.8, ease: 'easeOut' }"
-          class="my-4 inline-block relative z-20"
+          class="lg:!mt-4 mt-28 mb-4 inline-block relative z-20"
         >
           <Motion :animate="{ y: [0, -20, 0] }" :transition="{ duration: 2, repeat: Infinity, ease: 'easeInOut' }">
             <div class="group relative">

Original file line number	Diff line number	Diff line change
`@@ -59,7 +59,7 @@ function getDelay(index: number) {`
`59`	`59`	`:initial="{ opacity: 0, scale: 0.5 }"`
`60`	`60`	`:animate="{ opacity: 1, scale: 1 }"`
`61`	`61`	`:transition="{ duration: 0.8, ease: 'easeOut' }"`
`62`		`- class="my-4 inline-block relative z-20"`
	`62`	`+ class="lg:!mt-4 mt-28 mb-4 inline-block relative z-20"`
`63`	`63`	`>`
`64`	`64`	`<Motion :animate="{ y: [0, -20, 0] }" :transition="{ duration: 2, repeat: Infinity, ease: 'easeInOut' }">`
`65`	`65`	`<div class="group relative">`