fix: animation

app/javascript/widget/App.vue

@@ -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';

app/javascript/widget/views/ArticleViewer.vue

@@ -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>