From 316e3158db4ce5c1797e460aea82a8c50bc4ff9e Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Mon, 2 Dec 2024 14:21:58 +0100
Subject: [PATCH] small style tweaks

---
 src/components/sidebar.module.css | 1 +
 src/routes/(editor).tsx           | 9 ++-------
 src/routes/editor.module.css      | 6 ++++++
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/sidebar.module.css b/src/components/sidebar.module.css
index 56c5bb3..cac1752 100644
--- a/src/components/sidebar.module.css
+++ b/src/components/sidebar.module.css
@@ -20,6 +20,7 @@
     }
 
     &.open > .content {
+        min-inline-size: 10em;
         inline-size: max-content;
     }
 
diff --git a/src/routes/(editor).tsx b/src/routes/(editor).tsx
index edafbae..97fb291 100644
--- a/src/routes/(editor).tsx
+++ b/src/routes/(editor).tsx
@@ -1,5 +1,5 @@
-import { Link, Meta, Style, Title } from "@solidjs/meta";
-import { Component, createEffect, createMemo, createSignal, createUniqueId, ErrorBoundary, ParentProps, Show } from "solid-js";
+import { Link, Meta, Title } from "@solidjs/meta";
+import { Component, 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";
@@ -47,11 +47,6 @@ export default function Editor(props: ParentProps) {
         transition(() => { e.retry(true) })
     });
 
-    console.log('server?', theme.colorScheme, theme.hue);
-    createEffect(() => {
-        console.log(theme.colorScheme, theme.hue);
-    });
-
     return <MenuProvider commands={commands}>
         <HttpHeader name="Accept-CH" value="Sec-CH-Prefers-Color-Scheme" />
 
diff --git a/src/routes/editor.module.css b/src/routes/editor.module.css
index 9a3727e..ceceb3f 100644
--- a/src/routes/editor.module.css
+++ b/src/routes/editor.module.css
@@ -6,6 +6,12 @@
     overflow: clip;
     background-color: var(--surface-300);
 
+    @media (display-mode: window-controls-overlay) {
+        & {
+            row-gap: var(--padding-l);
+        }
+    }
+
     .menu {
         view-transition-name: menu;
         display: grid;