fix: carousel

2026-06-26 09:35:44 +08:00
parent b56c59dd42
commit c773ef120a
2 changed files with 9 additions and 4 deletions
@@ -4,7 +4,7 @@
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/dumbbell-heart.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Welcome to Vuetify 4</title>
+    <title>Sports Empower Health</title>
  </head>
  <body>
    <div id="app"></div>
@@ -53,7 +53,13 @@ const slides = [
          計畫簡介
        </v-card-title>

-        <v-carousel class="introduction-carousel" hide-delimiters show-arrows="hover">
+        <v-carousel
+          class="introduction-carousel"
+          color="accent"
+          delimiter-icon="mdi-square"
+          hide-delimiter-background
+          show-arrows="hover"
+        >
          <v-carousel-item
            v-for="slide in slides"
            :key="slide.src"
@@ -68,8 +74,7 @@ const slides = [

 <style scoped>
 .introduction-carousel {
-  background: #f5f7f8;
-  height: min(58vh, 440px);
+  height: min(58vh, 560px) !important;
  min-height: 220px;
 }