feat(Header): adjust header height and carousel item border radius

.vitepress/theme/styles/components/Header.scss

@@ -5,15 +5,13 @@
 
   position: relative;
 
-  height: 540px;
+  height: 570px;
 
   .carousel-container {
     position: relative;
 
     height: 100%;
 
-    border-radius: var(--md-sys-shape-corner-large);
-
     overflow: hidden;
     z-index: 0;
 
@@ -183,8 +181,8 @@
   .Header {
     grid-column: span 8;
 
-    height: 45vh;
-    min-height: 360px;
+    height: 46vw;
+    min-height: 270px;
   }
 }
 
@@ -192,6 +190,8 @@
   .Header {
     grid-column: span 6;
 
+    min-height: 270px;
+
     .carousel-container .stage .item {
       &.current {
         width: 85%;
@@ -211,10 +211,14 @@
     .carousel-container .stage .item {
       &.current {
         width: 100%;
+
+        border-radius: var(--md-sys-shape-corner-large);
       }
 
       &.next {
         width: 0%;
+
+        border-radius: var(--md-sys-shape-corner-large);
       }
     }
   }

.vitepress/theme/styles/layouts/Default.scss

@@ -109,8 +109,8 @@
     .content-flow {
       grid-template-columns: repeat(6, 1fr);
 
-      padding-block: 64px;
-      padding-inline: 24px;
+      padding-block: 76px;
+      padding-inline: 12px;
 
       .home-content {
         grid-column: span 6;