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

small style tweaks

Browse source
This commit is contained in:
Chris Kruining 2024-12-02 14:21:58 +01:00
parent 6428a9192f
commit 316e3158db
No known key found for this signature in database
GPG key ID: EB894A3560CCCAD2
3 changed files with 9 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/components/sidebar.module.css
View file

@ -20,6 +20,7 @@
} }
&.open > .content { &.open > .content {
min-inline-size: 10em;
inline-size: max-content; inline-size: max-content;
} }

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

@ -1,5 +1,5 @@
import { Link, Meta, Style, Title } from "@solidjs/meta"; import { Link, Meta, Title } from "@solidjs/meta";
import { Component, createEffect, createMemo, createSignal, createUniqueId, ErrorBoundary, ParentProps, Show } from "solid-js"; import { Component, 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";
@ -47,11 +47,6 @@ export default function Editor(props: ParentProps) {
transition(() => { e.retry(true) }) transition(() => { e.retry(true) })
}); });
console.log('server?', theme.colorScheme, theme.hue);
createEffect(() => {
console.log(theme.colorScheme, 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" />

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

@ -6,6 +6,12 @@
overflow: clip; overflow: clip;
background-color: var(--surface-300); background-color: var(--surface-300);
@media (display-mode: window-controls-overlay) {
& {
row-gap: var(--padding-l);
}
}
.menu { .menu {
view-transition-name: menu; view-transition-name: menu;
display: grid; display: grid;