mirror of
https://github.com/trafficlunar/tomodachi-share.git
synced 2026-06-28 06:34:15 +00:00
chore: update packages
This commit is contained in:
parent
b806f2c958
commit
f0df04d47c
42 changed files with 1466 additions and 1331 deletions
|
|
@ -35,7 +35,7 @@ export default function TutorialPage({ text, imageSrc, carouselIndex, finishInde
|
|||
}, [carouselIndex, finishIndex]);
|
||||
|
||||
return (
|
||||
<div className="flex-shrink-0 flex flex-col w-full px-6">
|
||||
<div className="shrink-0 flex flex-col w-full px-6">
|
||||
{!finishIndex ? (
|
||||
<>
|
||||
<p className="text-sm text-zinc-500 mb-2 text-center">{text}</p>
|
||||
|
|
|
|||
|
|
@ -43,7 +43,7 @@ export default function ScanTutorialButton() {
|
|||
|
||||
{isOpen &&
|
||||
createPortal(
|
||||
<div className="fixed inset-0 h-[calc(100%-var(--header-height))] top-[var(--header-height)] flex items-center justify-center z-40">
|
||||
<div className="fixed inset-0 h-[calc(100%-var(--header-height))] top-(--header-height) flex items-center justify-center z-40">
|
||||
<div
|
||||
onClick={close}
|
||||
className={`z-40 absolute inset-0 backdrop-brightness-75 backdrop-blur-xs transition-opacity duration-300 ${
|
||||
|
|
@ -52,7 +52,7 @@ export default function ScanTutorialButton() {
|
|||
/>
|
||||
|
||||
<div
|
||||
className={`z-50 bg-orange-50 border-2 border-amber-500 rounded-2xl shadow-lg w-full max-w-md h-[30rem] transition-discrete duration-300 flex flex-col ${
|
||||
className={`z-50 bg-orange-50 border-2 border-amber-500 rounded-2xl shadow-lg w-full max-w-md h-120 transition-discrete duration-300 flex flex-col ${
|
||||
isVisible ? "scale-100 opacity-100" : "scale-75 opacity-0"
|
||||
}`}
|
||||
>
|
||||
|
|
@ -79,7 +79,7 @@ export default function ScanTutorialButton() {
|
|||
<button
|
||||
onClick={() => emblaApi?.scrollPrev()}
|
||||
aria-label="Scroll Carousel Left"
|
||||
className="pill button !p-1 aspect-square text-2xl"
|
||||
className="pill button p-1! aspect-square text-2xl"
|
||||
>
|
||||
<Icon icon="tabler:chevron-left" />
|
||||
</button>
|
||||
|
|
@ -89,7 +89,7 @@ export default function ScanTutorialButton() {
|
|||
<button
|
||||
onClick={() => emblaApi?.scrollNext()}
|
||||
aria-label="Scroll Carousel Right"
|
||||
className="pill button !p-1 aspect-square text-2xl"
|
||||
className="pill button p-1! aspect-square text-2xl"
|
||||
>
|
||||
<Icon icon="tabler:chevron-right" />
|
||||
</button>
|
||||
|
|
|
|||
|
|
@ -14,12 +14,12 @@ export default function StartingPage({ emblaApi }: Props) {
|
|||
};
|
||||
|
||||
return (
|
||||
<div className="flex-shrink-0 flex flex-col w-full px-6 py-6">
|
||||
<div className="shrink-0 flex flex-col w-full px-6 py-6">
|
||||
{/* Separator */}
|
||||
<div className="flex items-center gap-4 text-zinc-500 text-sm font-medium mb-2">
|
||||
<hr className="flex-grow border-zinc-300" />
|
||||
<hr className="grow border-zinc-300" />
|
||||
<span>Pick a tutorial</span>
|
||||
<hr className="flex-grow border-zinc-300" />
|
||||
<hr className="grow border-zinc-300" />
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-2 gap-4 h-full">
|
||||
|
|
|
|||
|
|
@ -46,7 +46,7 @@ export default function SubmitTutorialButton() {
|
|||
|
||||
{isOpen &&
|
||||
createPortal(
|
||||
<div className="fixed inset-0 h-[calc(100%-var(--header-height))] top-[var(--header-height)] flex items-center justify-center z-40">
|
||||
<div className="fixed inset-0 h-[calc(100%-var(--header-height))] top-(--header-height) flex items-center justify-center z-40">
|
||||
<div
|
||||
onClick={close}
|
||||
className={`z-40 absolute inset-0 backdrop-brightness-75 backdrop-blur-xs transition-opacity duration-300 ${
|
||||
|
|
@ -55,7 +55,7 @@ export default function SubmitTutorialButton() {
|
|||
/>
|
||||
|
||||
<div
|
||||
className={`z-50 bg-orange-50 border-2 border-amber-500 rounded-2xl shadow-lg w-full max-w-md h-[30rem] transition-discrete duration-300 flex flex-col ${
|
||||
className={`z-50 bg-orange-50 border-2 border-amber-500 rounded-2xl shadow-lg w-full max-w-md h-120 transition-discrete duration-300 flex flex-col ${
|
||||
isVisible ? "scale-100 opacity-100" : "scale-75 opacity-0"
|
||||
}`}
|
||||
>
|
||||
|
|
@ -104,7 +104,7 @@ export default function SubmitTutorialButton() {
|
|||
<button
|
||||
onClick={() => emblaApi?.scrollPrev()}
|
||||
disabled={isStartingPage}
|
||||
className={`pill button !p-1 aspect-square text-2xl ${isStartingPage && "!cursor-auto"}`}
|
||||
className={`pill button p-1! aspect-square text-2xl ${isStartingPage && "cursor-auto!"}`}
|
||||
aria-label="Scroll Carousel Left"
|
||||
>
|
||||
<Icon icon="tabler:chevron-left" />
|
||||
|
|
@ -115,7 +115,7 @@ export default function SubmitTutorialButton() {
|
|||
<button
|
||||
onClick={() => emblaApi?.scrollNext()}
|
||||
disabled={isStartingPage}
|
||||
className={`pill button !p-1 aspect-square text-2xl ${isStartingPage && "!cursor-auto"}`}
|
||||
className={`pill button p-1! aspect-square text-2xl ${isStartingPage && "cursor-auto!"}`}
|
||||
aria-label="Scroll Carousel Right"
|
||||
>
|
||||
<Icon icon="tabler:chevron-right" />
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue