fix: replace ugly Loading... text with spinner across all apps
- Updated default HydrateFallback in file-based-routing to show a centered blue spinner instead of bare "Loading..." text - Added inline spinner to all index.html root divs so users see a spinner immediately while JS bundles load (instead of blank white) - Affects: dimentorin, hackathon, backoffice, gacha, qrcampaign, infra Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 4.6
parent
7f5948724b
commit
0193245551
@@ -37,7 +37,7 @@
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<div id="root"><div style="display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f9fafb"><div style="width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite"></div></div><style>@keyframes spin{to{transform:rotate(360deg)}}</style></div>
|
||||
<script type="module" src="/src/main.tsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user