components/pwatools.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

import Head from 'next/head';

export function NoScroll() {
	return <Head>
		<style
			children='
				html, body {
					position: fixed;
					overflow: hidden;
					width: 100vw;
					height: 100vh;
				}
			'
		/>
	</Head>;
}

export function StatusBarOverscrollColor(props: { color?: string; }) {
	var css = props.color || '#171d33';
	return <Head>
		<meta name='apple-mobile-web-app-status-bar-style' content='black-translucent' />
		<meta name='theme-color' content={css} />
		<style children={` body { background-color: ${css} !important; } `} />
		<style children={` :root { background-color: ${css} !important; } `} />
	</Head>;
}