Merge pull request #137 from INxST/feature/#122/fix-priority-high

Feature/#122/fix priority high
INxST · Sep 8, 2024 · 5602f72 · 5602f72
2 parents 74911b9 + c2328ab
commit 5602f72
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 28 deletions.
diff --git a/src/components/Main.astro b/src/components/Main.astro
@@ -19,7 +19,7 @@ const className = cn(
     'mx-auto': !isContainer,
     'overflow-x-hidden': isOverflowXHidden,
   },
-  `${maxW && 'md:max-w-[calc(1360px+10rem)]'}`
+  `${maxW && 'md:max-w-[calc(85rem+10rem)]'}`
 );
 ---
 

diff --git a/src/components/NextWork.astro b/src/components/NextWork.astro
@@ -19,32 +19,33 @@ const { work } = Astro.props;
   </div>
 </section>
 
-<picture class="ts-horizontal-scroll-item block mt-9 md:mt-0">
-  <a
-    href={updatePath(`/works/${work.slug}/`)}
-    aria-label={`${work.title}を見る`}
-    class="ts-crossing-link block h-full relative"
-  >
-    <img
-      src={updatePath(work.image)}
-      aria-label={`${work.title}を見る`}
-      class="ts-image-white-in md:h-full"
+<a
+  href={updatePath(`/works/${work.slug}/`)}
+  aria-label={`${work.title}を見る`}
+  class="ts-horizontal-scroll-item block mt-9 md:mt-0 relative"
+>
+  <picture class="ts-crossing-link block h-full">
+    <source
+      srcset={updatePath(work.image)}
+      media="(min-width: 768px)"
+      class="md:h-full"
     />
+    <img src={updatePath(work.mvSp)} class="ts-image-white-in md:h-full" />
+  </picture>
 
-    <span
-      class="bg-mine-shaft flex md:hidden justify-center items-center absolute bottom-[20px] right-5 rounded-full w-[40px] h-[40px]"
+  <span
+    class="bg-mine-shaft flex md:hidden justify-center items-center absolute bottom-[20px] right-5 rounded-full w-[40px] h-[40px]"
+  >
+    <svg
+      width="14"
+      height="10"
+      viewBox="0 0 14 10"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
     >
-      <svg
-        width="14"
-        height="10"
-        viewBox="0 0 14 10"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M6.91412 0.679339C6.91412 0.679339 7.99884 2.63402 8.2563 4.37282L0.731445 4.7742V5.34764L8.24902 5.74902C7.96468 7.46346 6.78603 9.32056 6.78603 9.32056C6.78603 9.32056 10.3661 5.54406 13.6435 5.05602C10.3758 4.56308 6.91412 0.679199 6.91412 0.679199V0.679339Z"
-          class="fill-taupe-gray"></path>
-      </svg>
-    </span>
-  </a>
-</picture>
+      <path
+        d="M6.91412 0.679339C6.91412 0.679339 7.99884 2.63402 8.2563 4.37282L0.731445 4.7742V5.34764L8.24902 5.74902C7.96468 7.46346 6.78603 9.32056 6.78603 9.32056C6.78603 9.32056 10.3661 5.54406 13.6435 5.05602C10.3758 4.56308 6.91412 0.679199 6.91412 0.679199V0.679339Z"
+        class="fill-taupe-gray"></path>
+    </svg>
+  </span>
+</a>
diff --git a/src/components/Stalker/index.tsx b/src/components/Stalker/index.tsx
@@ -15,7 +15,7 @@ const Stalker = () => {
       ></div>
       <div
         ref={follower}
-        className="follower rounded-full w-10 h-10 pointer-events-none absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 border-emperor bg-mine-shaft z-[999] transition-all duration-200 ease-linear mix-blend-overlay"
+        className="follower rounded-full w-10 h-10 pointer-events-none absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 border-emperor bg-mine-shaft z-[999] mix-blend-overlay transition-[mix-blend-mode,width,height] duration-300 ease-linear"
       >
         <div className="w-full h-full relative rounded-full">
           <span