fix: animation

This commit is contained in:
Shivam Mishra
2026-06-10 15:59:41 +05:30
parent f5f6e527a8
commit c6d6664962
3 changed files with 5 additions and 5 deletions
+3 -3
View File
@@ -12,9 +12,9 @@ export const SDK_CSS = `
overflow: hidden !important;
position: fixed !important;
transition: opacity 0.2s linear, transform 0.25s linear,
width 0.2s cubic-bezier(0.4, 0, 0.2, 1),
height 0.2s cubic-bezier(0.4, 0, 0.2, 1),
max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
width 0.18s cubic-bezier(0.4, 0, 0.2, 1),
height 0.18s cubic-bezier(0.4, 0, 0.2, 1),
max-height 0.18s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 2147483000 !important;
}
+1 -1
View File
@@ -21,7 +21,7 @@ import {
// Keep in sync with the widget holder width/height transition in sdk.js. The
// article view is masked for this long so the iframe can reflow off-screen.
const ARTICLE_VIEW_RESIZE_DURATION = 200;
const ARTICLE_VIEW_RESIZE_DURATION = 180;
import { useDarkMode } from 'widget/composables/useDarkMode';
import { useRouter } from 'vue-router';
import { useAvailability } from 'widget/composables/useAvailability';
@@ -34,7 +34,7 @@ onBeforeUnmount(() => emitter.off(ON_ARTICLE_VIEW_RESIZING, setResizing));
<div
class="absolute inset-0 bg-white dark:bg-slate-900 pointer-events-none"
:class="
isResizing ? 'opacity-100' : 'opacity-0 transition-opacity duration-200'
isResizing ? 'opacity-100' : 'opacity-0 transition-opacity duration-100'
"
/>
</div>