D3992.diff
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

D3992.diff
View Options

	diff --git a/frontend/src/App.vue b/frontend/src/App.vue
	--- a/frontend/src/App.vue
	+++ b/frontend/src/App.vue
	@@ -9,7 +9,16 @@
	<AppNavbar />
	<main class="flex-1">
	<RouterView v-slot="{ Component }">
	- <Transition name="fade" mode="out-in">
	+ <!-- Fade transition between route changes using Tailwind opacity classes -->
	+ <Transition
	+ mode="out-in"
	+ enter-active-class="transition-opacity duration-200 ease-in"
	+ enter-from-class="opacity-0"
	+ enter-to-class="opacity-100"
	+ leave-active-class="transition-opacity duration-150 ease-out"
	+ leave-from-class="opacity-100"
	+ leave-to-class="opacity-0"
	+ >
	<component :is="Component" />
	</Transition>
	</RouterView>
	@@ -17,15 +26,3 @@
	<AppFooter />
	</div>
	</template>
	-
	-<style>
	-.fade-enter-active,
	-.fade-leave-active {
	- transition: opacity 0.2s ease;
	-}
	-
	-.fade-enter-from,
	-.fade-leave-to {
	- opacity: 0;
	-}
	-</style>
	diff --git a/frontend/src/assets/main.css b/frontend/src/assets/main.css
	--- a/frontend/src/assets/main.css
	+++ b/frontend/src/assets/main.css
	@@ -7,6 +7,9 @@
	@apply bg-gray-50 text-gray-900 dark:bg-gray-950 dark:text-gray-100 antialiased;
	font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
	Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
	+ /* Reserve scrollbar space at all times to prevent layout shift when content
	+ overflows (e.g. loading spinner → full incident list on IncidentHistory page) */
	+ scrollbar-gutter: stable;
	}
	}