File tree Expand file tree Collapse file tree
platforms/metagram/src/lib/fragments/Post Expand file tree Collapse file tree Original file line number Diff line number Diff line change 7676 </button >
7777 </div >
7878 <div class =" relative" >
79- {#if imgUri .length > 1 }
79+ {#if imgUris .length > 1 }
8080 <button
8181 onclick ={scrollLeft }
8282 class =" absolute start-2 top-1/2 z-10 hidden -translate-y-1/2 rounded-full bg-white p-2 shadow hover:bg-gray-200 md:inline-block"
8989 onscroll ={handleScroll }
9090 class =" hide-scrollbar flex aspect-[4/5] snap-x snap-mandatory flex-nowrap gap-2 overflow-hidden overflow-x-scroll rounded-4xl md:aspect-[16/9]"
9191 >
92- {#each imgUri as img }
92+ {#each imgUris as img }
9393 <div class =" aspect-[4/5] h-full w-full snap-center md:aspect-[16/9]" >
9494 <img
9595 src ={img }
9999 </div >
100100 {/each }
101101 </div >
102- {#if imgUri .length > 1 }
102+ {#if imgUris .length > 1 }
103103 <div
104104 class =" absolute start-[50%] bottom-4 mt-2 flex translate-x-[-50%] items-center justify-center gap-1"
105105 >
106- {#if imgUri .length > 1 }
106+ {#if imgUris .length > 1 }
107107 <div class =" mt-2 flex items-center justify-center gap-1" >
108- {#each imgUri as _ , i }
108+ {#each imgUris as _ , i }
109109 <div
110110 class ={` h-1.5 w-1.5 rounded-full ${currentIndex === i ? ' bg-white' : ' bg-black-600' } ` }
111111 ></div >
114114 {/if }
115115 </div >
116116 {/if }
117- {#if imgUri .length > 1 }
117+ {#if imgUris .length > 1 }
118118 <button
119119 onclick ={scrollRight }
120120 class =" absolute end-2 top-1/2 z-10 hidden -translate-y-1/2 rounded-full bg-white p-2 shadow hover:bg-gray-200 md:inline-block"
You can’t perform that action at this time.
0 commit comments