mirror of
https://github.com/lukevella/rallly.git
synced 2025-06-06 12:41:48 +02:00
💄 Add Dialog animation (#870)
This commit is contained in:
parent
a9253bd972
commit
c89a3b939c
5 changed files with 8 additions and 8 deletions
|
@ -24,7 +24,6 @@
|
|||
"autoprefixer": "^10.4.13",
|
||||
"class-variance-authority": "^0.6.0",
|
||||
"dayjs": "^1.11.7",
|
||||
"framer-motion": "^10.12.18",
|
||||
"gray-matter": "^4.0.3",
|
||||
"i18next": "^22.4.9",
|
||||
"i18next-icu": "^2.3.0",
|
||||
|
|
|
@ -40,7 +40,6 @@
|
|||
"color-hash": "^2.0.2",
|
||||
"crypto": "^1.0.1",
|
||||
"dayjs": "^1.11.8",
|
||||
"framer-motion": "^10.12.18",
|
||||
"i18next": "^22.4.9",
|
||||
"i18next-icu": "^2.3.0",
|
||||
"ics": "^3.1.0",
|
||||
|
|
|
@ -26,6 +26,7 @@
|
|||
"packages/*"
|
||||
],
|
||||
"dependencies": {
|
||||
"framer-motion": "^10.16.4",
|
||||
"next": "^13.2.4",
|
||||
"react": "^18.2.0",
|
||||
"react-dom": "^18.2.0",
|
||||
|
|
|
@ -31,7 +31,8 @@ const DialogOverlay = React.forwardRef<
|
|||
<DialogPrimitive.Overlay
|
||||
ref={ref}
|
||||
className={cn(
|
||||
"data-[state=closed]:animate-out data-[state=closed]:fade-out animate-in data-[state=open]:fade-in fixed inset-0 z-50 bg-gray-900/25 transition-all duration-100",
|
||||
"fixed inset-0 z-50 bg-gray-900/10",
|
||||
"animate-in fade-in duration-500",
|
||||
className,
|
||||
)}
|
||||
{...props}
|
||||
|
@ -51,7 +52,7 @@ const DialogContent = React.forwardRef<
|
|||
<DialogPrimitive.Content
|
||||
ref={ref}
|
||||
className={cn(
|
||||
"sm:zoom-in-90 shadow-huge fixed z-50 grid w-full gap-4 overflow-hidden bg-white p-5 sm:rounded-md",
|
||||
"animate-in sm:zoom-in-90 slide-in-from-top-1/4 data-[state=open]:fade-in shadow-huge fixed z-50 grid w-full gap-4 overflow-hidden bg-white p-5 sm:rounded-md",
|
||||
{
|
||||
"sm:max-w-sm": size === "sm",
|
||||
"sm:max-w-md": size === "md",
|
||||
|
|
|
@ -6202,10 +6202,10 @@ fraction.js@^4.2.0:
|
|||
resolved "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz"
|
||||
integrity sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==
|
||||
|
||||
framer-motion@^10.12.18:
|
||||
version "10.12.18"
|
||||
resolved "https://registry.yarnpkg.com/framer-motion/-/framer-motion-10.12.18.tgz#92015860b6468a82e76c4739fcae81e1f6723b3f"
|
||||
integrity sha512-cfhiUpPbj+0eEWKjuD+5cz5cMqH71xOtMxGiS/cSGfHn2OlHIEAqFnFyzEMENw5PxWR9bMVhatzzpD6lexmHZQ==
|
||||
framer-motion@^10.16.4:
|
||||
version "10.16.4"
|
||||
resolved "https://registry.yarnpkg.com/framer-motion/-/framer-motion-10.16.4.tgz#30279ef5499b8d85db3a298ee25c83429933e9f8"
|
||||
integrity sha512-p9V9nGomS3m6/CALXqv6nFGMuFOxbWsmaOrdmhyQimMIlLl3LC7h7l86wge/Js/8cRu5ktutS/zlzgR7eBOtFA==
|
||||
dependencies:
|
||||
tslib "^2.4.0"
|
||||
optionalDependencies:
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue