refac: transition

This commit is contained in:
Timothy J. Baek 2024-03-24 15:43:03 -07:00
parent df21a92542
commit 3e0aa29683
4 changed files with 11 additions and 3 deletions

View file

@ -25,6 +25,7 @@
import Tooltip from '../common/Tooltip.svelte';
import Dropdown from '../common/Dropdown.svelte';
import ChatMenu from './Sidebar/ChatMenu.svelte';
import { flyAndScale } from '$lib/utils/transitions';
let show = false;
let navElement;
@ -577,7 +578,7 @@
<div
id="dropdownDots"
class="absolute z-40 bottom-[70px] 4.5rem rounded-xl shadow w-[240px] bg-white dark:bg-gray-900"
in:slide={{ duration: 150 }}
in:flyAndScale={{ y: 5 }}
>
<div class="py-2 w-full">
{#if $user.role === 'admin'}

View file

@ -1,5 +1,6 @@
<script lang="ts">
import { DropdownMenu } from 'bits-ui';
import { flyAndScale } from '$lib/utils/transitions';
import Dropdown from '$lib/components/common/Dropdown.svelte';
import GarbageBin from '$lib/components/icons/GarbageBin.svelte';
@ -29,6 +30,7 @@
sideOffset={-2}
side="bottom"
align="start"
transition={flyAndScale}
>
<DropdownMenu.Item
class="flex gap-2 items-center px-3 py-2 text-sm font-medium cursor-pointer"