mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-18 02:49:41 +02:00
c712a2504a
- Add uload project with apps/web structure
- Reorganize from flat to monorepo structure
- Remove PocketBase binary and local data
- Update to pnpm and @uload/web namespace
- Add picture project to monorepo
- Remove embedded git repository
- Unify all package names to @{project}/{app} schema:
- @maerchenzauber/* (was @storyteller/*)
- @manacore/* (was manacore-*, manacore)
- @manadeck/* (was web, backend, manadeck)
- @memoro/* (was memoro-web, landing, memoro)
- @picture/* (already unified)
- @uload/web
- Add convenient dev scripts for all apps:
- pnpm dev:{project}:web
- pnpm dev:{project}:landing
- pnpm dev:{project}:mobile
- pnpm dev:{project}:backend
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
46 lines
1.7 KiB
TypeScript
46 lines
1.7 KiB
TypeScript
import { ScrollViewStyleReset } from 'expo-router/html';
|
|
|
|
// This file is web-only and used to configure the root HTML for every
|
|
// web page during static rendering.
|
|
// The contents of this function only run in Node.js environments and
|
|
// do not have access to the DOM or browser APIs.
|
|
export default function Root({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<html lang="en">
|
|
<head>
|
|
<meta charSet="utf-8" />
|
|
<meta httpEquiv="X-UA-Compatible" content="IE=edge" />
|
|
|
|
{/*
|
|
This viewport disables scaling which makes the mobile website act more like a native app.
|
|
However this does reduce built-in accessibility. If you want to enable scaling, use this instead:
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
|
|
*/}
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1.00001,viewport-fit=cover"
|
|
/>
|
|
{/*
|
|
Disable body scrolling on web. This makes ScrollView components work closer to how they do on native.
|
|
However, body scrolling is often nice to have for mobile web. If you want to enable it, remove this line.
|
|
*/}
|
|
<ScrollViewStyleReset />
|
|
|
|
{/* Using raw CSS styles as an escape-hatch to ensure the background color never flickers in dark-mode. */}
|
|
<style dangerouslySetInnerHTML={{ __html: responsiveBackground }} />
|
|
{/* Add any additional <head> elements that you want globally available on web... */}
|
|
</head>
|
|
<body>{children}</body>
|
|
</html>
|
|
);
|
|
}
|
|
|
|
const responsiveBackground = `
|
|
body {
|
|
background-color: #fff;
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
body {
|
|
background-color: #000;
|
|
}
|
|
}`;
|