chris/calque
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

does this prevent the url from showin in pwa mode???

Browse source
This commit is contained in:
Chris Kruining 2024-12-02 09:55:02 +01:00
parent e58f6f2396
commit 9791c09a25
No known key found for this signature in database
GPG key ID: EB894A3560CCCAD2
2 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/routes/(editor).tsx
View file

@ -1,5 +1,5 @@
import { Link, Meta, Title } from "@solidjs/meta";
import { Component, createMemo, createSignal, createUniqueId, ErrorBoundary, ParentProps, Show } from "solid-js";
import { Component, createEffect, createMemo, createSignal, createUniqueId, ErrorBoundary, ParentProps, Show } from "solid-js";
import { FilesProvider } from "~/features/file";
import { CommandPalette, CommandPaletteApi, Menu, MenuProvider } from "~/features/menu";
import { A, RouteDefinition, useBeforeLeave } from "@solidjs/router";
@ -44,12 +44,16 @@ export default function Editor(props: ParentProps) {
transition(() => { e.retry(true) })
});
createEffect(() => {
console.log(theme.hue);
});
return <MenuProvider commands={commands}>
<HttpHeader name="Accept-CH" value="Sec-CH-Prefers-Color-Scheme" />
<Title>Calque</Title>
<Show when={theme}>{
<Show when={theme.colorScheme || theme.hue ? theme : undefined}>{
theme => {
const lightness = createMemo(() => {
const scheme = theme().colorScheme === ColorScheme.Auto ? event?.request.headers.get('Sec-CH-Prefers-Color-Scheme') : theme().colorScheme;
@ -58,8 +62,8 @@ export default function Editor(props: ParentProps) {
});
return <>
<Meta name="color-scheme" content={theme().colorScheme} />
<Meta name="theme-color" content={`oklch(${lightness()} .02 ${theme().hue})`} />
<meta name="color-scheme" content={theme().colorScheme} />
<meta name="theme-color" content={`oklch(${lightness()} .02 ${theme().hue})`} />
<style>{`
:root {

2
src/routes/editor.module.css
View file

@ -83,6 +83,8 @@
}
}
}
@media (display-mode: window-controls-overlay) {}
}
& > section {