feat: siri

NSRingo · Dec 14, 2024 · 31e5dc5 · 31e5dc5
1 parent e676eda
commit 31e5dc5
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/theme/assets/icons/Siri.png b/theme/assets/icons/Siri.png
diff --git a/theme/assets/icons/Siri.webp b/theme/assets/icons/Siri.webp
diff --git a/theme/components/home-layout/home-layout.module.scss b/theme/components/home-layout/home-layout.module.scss
@@ -32,6 +32,7 @@
 
   &-item {
     --base-translate-y: -60%;
+    --base-translate-x: 11.8%;
 
     position: absolute;
     width: 100%;
@@ -40,10 +41,13 @@
     background-color: rgb(0, calc(230 - var(--index) * 45), 255);
     background-image: linear-gradient(45deg, #0000 50%, #0003);
     border-radius: calc(20% - var(--index) * 2%);
-    transform: translateY(calc(var(--base-translate-y) - (var(--index) * 16%))) rotate(45deg) translateX(5%);
+    transform: translateX(var(--base-translate-x)) translateY(calc(var(--base-translate-y) - (var(--index) * 16%))) rotate(45deg);
 
     @media (max-width: 640px) {
       --base-translate-y: -40%;
+      --base-translate-x: -11.8%;
+      width: 200%;
+      padding-top: 200%;
     }
   }
 }
@@ -59,4 +63,4 @@
     -webkit-text-fill-color: transparent;
     background-clip: text;
   }
-}
+}