lw7: fix preserve 3D on safari

This commit is contained in:
Francesco Sansalvadore committed 2023-03-27 09:09:23 +02:00
1 parent 7a66b08146
commit 6cd015e2e4
3 files changed
+11 -5

No files matched your search

@@ -25,7 +25,7 @@ export function TicketBrickWallSlider({ users, reverse, xOffset = 250, speed = 1
const getOgUrl = (username: string) => `${STORAGE_URL}/tickets/gallery/${username}.png`
useEffect(() => {
if (swiperInstace) swiperInstace?.autoplay.run()
if (swiperInstace) swiperInstace?.autoplay?.run()
}, [width])
return (
@@ -57,7 +57,7 @@ export default function TicketActions({
<div className="grid gap-1 grid-cols-1 sm:grid-cols-3 lg:grid-cols-1">
{!sharePage ? (
<>
<div className="rounded-full bg-[#E6E8EB] text-scale-500 py-1 sm:py-2 lg:py-1 px-3 border border-[#dfe1e3] text-xs mb-1">
<div className="rounded-full bg-[#E6E8EB] text-scale-500 py-1 px-3 border border-[#dfe1e3] text-xs mb-1">
<div className="flex items-center justify-center gap-2">
<div className="text-scale-900">
<IconCheckCircle size={10} strokeWidth={1} />
@@ -68,7 +68,7 @@ export default function TicketActions({
<div
className={`rounded-full ${
userData.sharedOnTwitter ? 'bg-[#E6E8EB] text-scale-500' : 'text-white'
} text-scale-500 py-1 sm:py-2 lg:py-1 px-3 border border-[#dfe1e3] text-xs mb-1 transition-all ease-out hover:bg-[#dfe1e3]`}
} text-scale-500 py-1 px-3 border border-[#dfe1e3] text-xs mb-1 transition-all ease-out hover:bg-[#dfe1e3]`}
>
<a
href={tweetUrl}
@@ -89,7 +89,7 @@ export default function TicketActions({
<div
className={`rounded-full ${
userData.sharedOnLinkedIn ? 'bg-[#E6E8EB] text-scale-500' : 'text-white'
} text-scale-500 py-1 sm:py-2 lg:py-1 px-3 border border-[#dfe1e3] text-xs mb-1 transition-all ease-out hover:bg-[#dfe1e3]`}
} text-scale-500 py-1 px-3 border border-[#dfe1e3] text-xs mb-1 transition-all ease-out hover:bg-[#dfe1e3]`}
>
<a
href={linkedInUrl}
@@ -60,7 +60,13 @@ export default function TicketVisual({
}, [ticketRef])
return (
<div className="flex relative flex-col w-[300px] md:w-full md:max-w-none h-auto">
<div
className="flex relative flex-col w-[300px] md:w-full md:max-w-none h-auto"
style={{
transform: 'translate3d(0, 0, 100px)',
transformStyle: 'preserve-3d',
}}
>
<div
ref={ticketRef}
className={[