UI refresh: animation, cards, responsive tweaks

Large frontend modernization: add route fade transition and hoard-soft-enter keyframes with prefers-reduced-motion support; introduce smoother motion tokens and stronger shadow tokens. Update global CSS to use subtle surface gradients, unified transitions, hover lift effects, focus rings and improved button/card/table/overlay styles. Wrap <router-view> in a transition and adjust brand/logo sizing and interactions. Revamp several pages/components (Home, Login, Impressum, 404, Forbidden) with adjusted typography, animated entry for sections and improved card hover states. Admin/Dashboard pages enhanced: AdminUsers gains stats, mobile card list & computed counts; AdminUserDetail and Dashboard show compact summary cards and updated styles. Documentation updated (style.md, codexInfo.md) to reflect the new modernisation rules. No API or backend changes.

This commit is contained in:

Jonas

2026-04-23 22:07:07 +02:00

parent 3f826546ea

commit 10bf4b94ad

13 changed files with 827 additions and 84 deletions

									
										GUI/src/routes/Forbidden.vue
									
		+6
		
												View File
												
				@@ -80,4 +80,10 @@ onMounted(() => {

				.forbidden-head p {

				  color: var(--color-text-secondary);

				}

				@media (prefers-reduced-motion: no-preference) {

				  .forbidden-shell {

				    animation: hoard-soft-enter 260ms both;

				  }

				}

				</style>