summaryrefslogtreecommitdiff
path: root/packages/frontend/src/directives/anim.ts
blob: d5b6ae4287999bca287e372d3fbdd1316fab3169 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
/*
 * SPDX-FileCopyrightText: syuilo and misskey-project
 * SPDX-License-Identifier: AGPL-3.0-only
 */

import { Directive } from 'vue';

export default {
	beforeMount(src, binding, vn) {
		src.style.opacity = '0';
		src.style.transform = 'scale(0.9)';
		// ページネーションと相性が悪いので
		//if (typeof binding.value === 'number') src.style.transitionDelay = `${binding.value * 30}ms`;
		src.classList.add('_zoom');
	},

	mounted(src, binding, vn) {
		window.setTimeout(() => {
			src.style.opacity = '1';
			src.style.transform = 'none';
		}, 1);
	},
} as Directive;