nandi.uk
This repository has no description
chore: viewport data
author
pdelfan
date
(Mar 14, 2026, 12:51 PM -0700)
commit
d18f64f0
d18f64f0c882b42b9fa116fbcd0799315d14dc6d
parent
678aa6eb
678aa6ebaf48f58fdbc9e1c8cea0b4ee96c1de6e
+20
-3
+18
-2
src/webapp/app/layout.tsx
+18
-2
src/webapp/app/layout.tsx
···
1
1
import { Analytics } from '@vercel/analytics/next';
2
-
import type { Metadata } from 'next';
2
+
import type { Metadata, Viewport } from 'next';
3
3
import GlobalStyles from '@/styles/global.module.css';
4
4
import { ColorSchemeScript, mantineHtmlProps } from '@mantine/core';
5
5
import { Hanken_Grotesk } from 'next/font/google';
6
6
import Providers from '@/providers';
7
7
import { SPLASH_IMAGES } from '@/lib/consts/images';
8
8
9
+
export const viewport: Viewport = {
10
+
themeColor: [
11
+
{
12
+
media: '(prefers-color-scheme: light)',
13
+
color: 'var(--mantine-color-body)',
14
+
},
15
+
{
16
+
media: '(prefers-color-scheme: dark)',
17
+
color: 'var(--mantine-color-body)',
18
+
},
19
+
],
20
+
};
21
+
9
22
export const metadata: Metadata = {
10
23
title: 'Semble — A social knowledge network for research',
11
24
description: `Follow your peers' research trails. Surface and discover new connections. Built on ATProto so you own your data.`,
···
15
28
statusBarStyle: 'default',
16
29
startupImage: ['/semble-icon-192x192.png', ...SPLASH_IMAGES],
17
30
},
18
-
other: { 'apple-mobile-web-app-capable': 'yes' },
31
+
other: {
32
+
'apple-mobile-web-app-capable': 'yes',
33
+
'mobile-web-app-capable': 'yes',
34
+
},
19
35
};
20
36
21
37
const hankenGrotesk = Hanken_Grotesk({
+2
-1
src/webapp/app/manifest.ts
+2
-1
src/webapp/app/manifest.ts
···
8
8
description: 'A social knowledge network for research',
9
9
start_url: '/home',
10
10
display: 'standalone',
11
-
background_color: '#ffffff',
11
+
background_color: 'var(--mantine-color-body)',
12
12
theme_color: theme.colors?.orange?.[6],
13
+
orientation: 'portrait',
13
14
icons: [
14
15
{
15
16
src: '/semble-icon-192x192.png',