diff --git a/apps/desktop/src/components/main/body/onboarding/index.tsx b/apps/desktop/src/components/main/body/onboarding/index.tsx index bffbb36690..09c99b46cc 100644 --- a/apps/desktop/src/components/main/body/onboarding/index.tsx +++ b/apps/desktop/src/components/main/body/onboarding/index.tsx @@ -37,7 +37,11 @@ export const TabItemOnboarding: TabItem< }) => { return ( 👋} + icon={ + + 👋 + + } title="Welcome" selected={tab.active} allowPin={false} diff --git a/apps/desktop/src/components/main/body/shared.tsx b/apps/desktop/src/components/main/body/shared.tsx index f89fe0eeb1..90ca20eafb 100644 --- a/apps/desktop/src/components/main/body/shared.tsx +++ b/apps/desktop/src/components/main/body/shared.tsx @@ -234,7 +234,9 @@ export function TabItemBase({
{finalizing ? ( diff --git a/apps/desktop/src/components/onboarding/shared.tsx b/apps/desktop/src/components/onboarding/shared.tsx index 7943b2cc69..588e9e1810 100644 --- a/apps/desktop/src/components/onboarding/shared.tsx +++ b/apps/desktop/src/components/onboarding/shared.tsx @@ -113,7 +113,7 @@ export function OnboardingSection({ animate={{ height: "auto", opacity: 1 }} exit={{ height: 0, opacity: 0 }} transition={{ duration: 0.3, ease: "easeInOut" }} - className="overflow-hidden px-1 -mx-1" + className="overflow-hidden px-5 -mx-5 pb-5 -mb-5" > {children} diff --git a/apps/desktop/src/styles/globals.css b/apps/desktop/src/styles/globals.css index 38b93df068..ace013dc49 100644 --- a/apps/desktop/src/styles/globals.css +++ b/apps/desktop/src/styles/globals.css @@ -16,6 +16,31 @@ --animate-reveal-left: reveal-left 0.5s ease-out forwards; --animate-kbd-press: kbd-press 0.4s ease-out forwards; + --animate-wiggle: wiggle 1s ease-in-out infinite; + + @keyframes wiggle { + 0%, 100% { + transform: rotate(0deg); + } + 15% { + transform: rotate(14deg); + } + 30% { + transform: rotate(-8deg); + } + 40% { + transform: rotate(7deg); + } + 50% { + transform: rotate(-4deg); + } + 60% { + transform: rotate(2deg); + } + 70%, 100% { + transform: rotate(0deg); + } + } @keyframes shimmer { 0% { transform: translateX(-100%);