From 0daf0a38c29402353284262a70ec83a639206be7 Mon Sep 17 00:00:00 2001
From: dragonwocky <thedragonring.bod@gmail.com>
Date: Tue, 31 Jan 2023 22:26:24 +1100
Subject: [PATCH] style(menu): set landing tile bg to bg-secondary for
 consistency with mod tiles

---
 src/api/interface.js              | 2 +-
 src/core/menu/components/Tile.mjs | 7 +++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/api/interface.js b/src/api/interface.js
index 20f41d0..8748e95 100644
--- a/src/api/interface.js
+++ b/src/api/interface.js
@@ -547,7 +547,7 @@ const h = (type, props, ...children) => {
     for (const prop in props ?? {}) {
       if (typeof props[prop] === "undefined") continue;
       if (htmlAttributes.includes(prop) || prop.startsWith("data-")) {
-        if (typeof props[prop] === "boolean" && !prop.startsWith("data-")) {
+        if (typeof props[prop] === "boolean") {
           if (!props[prop]) continue;
           elem.setAttribute(prop, "");
         } else elem.setAttribute(prop, props[prop]);
diff --git a/src/core/menu/components/Tile.mjs b/src/core/menu/components/Tile.mjs
index 7251b9f..732a5b7 100644
--- a/src/core/menu/components/Tile.mjs
+++ b/src/core/menu/components/Tile.mjs
@@ -9,10 +9,9 @@ import { extendProps } from "../state.mjs";
 function Tile({ icon, title, tagName, ...props }, ...children) {
   const { html } = globalThis.__enhancerApi;
   extendProps(props, {
-    class: `px-[16px] py-[12px]
-    flex items-center gap-[12px] rounded-[4px]
-    border-(& [color:var(--theme--fg-border)])
-    hover:bg-[color:var(--theme--bg-hover)]`,
+    class: `flex items-center gap-[12px] px-[16px] py-[12px]
+    bg-[color:var(--theme--bg-secondary)] hover:bg-[color:var(--theme--bg-hover)]
+    rounded-[4px] border-(& [color:var(--theme--fg-border)])`,
   });
   tagName ??= props["href"] ? "a" : "button";
   return html`<${tagName} ...${props}>