fmt

src/lib/components/Piclets/PicletDetail.svelte

@@ -46,7 +46,8 @@
   }
 </script>
 
-<div class="detail-page">
+<div class="detail-backdrop">
+  <div class="detail-page">
     <div class="navigation-bar">
       <button class="back-btn" onclick={onClose}>
         <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -223,16 +224,32 @@
         {/if}
       </div>
     </div>
+  </div>
 </div>
 
 <style>
-  .detail-page {
+  .detail-backdrop {
     position: fixed;
-    inset: 0;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 9998;
+    background: rgba(0, 0, 0, 0.5);
+  }
+  
+  .detail-page {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
     background: #f2f2f7;
-    z-index: 2000;
+    z-index: 9999;
     display: flex;
     flex-direction: column;
+    transform: translateZ(0);
+    -webkit-transform: translateZ(0);
   }
   
   /* Navigation Bar */