- Editorial masthead (Fraunces + Spline Sans), warm paper/ink palette with terracotta accent, matching dark mode - Thumb-zone composer: single capture input + round submit, optional note toggle, refocus after add for rapid capture - Mobile-first CSS: 44-50px touch targets, 16px inputs (no iOS zoom), edge-to-edge scroll-snap list chips, safe-area insets, tap-highlight off, contained overscroll; desktop as min-width enhancement - Staggered task-card entrance (reduced-motion aware), themed empty states - Head: theme-color light/dark, Apple web-app metas, lang attr, font preconnect Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
31 lines
611 B
Vue
31 lines
611 B
Vue
<script setup lang="ts">
|
|
// The auth plugin completes the OIDC code exchange during init() before mount.
|
|
// This page just returns to the app root.
|
|
onMounted(() => {
|
|
navigateTo("/", { replace: true });
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<main class="callback">
|
|
<p>Signing you in…</p>
|
|
</main>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.callback {
|
|
min-height: 100dvh;
|
|
display: grid;
|
|
place-items: center;
|
|
background: #f4f1ea;
|
|
color: #837a6b;
|
|
font: 500 1rem/1.4 "Spline Sans", system-ui, sans-serif;
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.callback {
|
|
background: #181410;
|
|
color: #9d9281;
|
|
}
|
|
}
|
|
</style>
|