thomasandClaude
a6a2fabf05
Ursache: Tailwinds min-h-screen (min-height:100vh) am Flex-Wrapper wächst in Safari nicht mit dem Panel – das Panel ragt sichtbar aus dem Bild, der Container meldet aber keinen Overflow → nichts scrollt, Speichern-Button ist unerreichbar (Chromium wächst dagegen mit, daher dort scheinbar ok). Fix: Die innere .min-h-screen-Box wird zum Scroll-Container mit DEFINITE height:100vh + overflow-y:auto (+ -webkit-overflow-scrolling:touch). Der Backdrop hält overflow:hidden. margin:auto am Panel zentriert kurze Modals und vermeidet Top-Clipping bei langen. Wirkt in Safari, Chrome, Firefox, iOS und Android (verifiziert via Chromium desktop + iPhone-Touch). Zusätzlich Cache-Busting für styles.css (?v=<mtime>) am <link>, damit ein hart zwischengespeichertes altes Stylesheet nach einem Deploy garantiert neu geladen wird. Co-Authored-By: Claude <noreply@anthropic.com>
24 lines
878 B
Plaintext
24 lines
878 B
Plaintext
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="theme-color" content="#2563eb">
|
|
<title>NextJobs</title>
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
|
|
<!-- Apply the dark class before first paint to avoid a light-mode flash (FOUC).
|
|
Theme follows the browser/OS setting (prefers-color-scheme) — no manual toggle. -->
|
|
<script>
|
|
(function () {
|
|
try {
|
|
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
|
document.documentElement.classList.add('dark');
|
|
}
|
|
} catch (e) { /* ignore */ }
|
|
})();
|
|
</script>
|
|
<!-- Tailwind CSS CDN -->
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script>
|
|
tailwind.config = { darkMode: 'class' };
|
|
</script>
|
|
<!-- Custom CSS -->
|
|
<link rel="stylesheet" href="/css/styles.css?v=<%= assetVersion %>">
|