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

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

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