feat: small style fixes, webgpu types

packages/console/app/src/routes/black.css

@@ -285,10 +285,11 @@
         gap: 12px;
         padding: 24px;
         border: 1px solid rgba(255, 255, 255, 0.17);
+        background: rgba(0, 0, 0, 0.75);
+        backdrop-filter: blur(10px);
         border-radius: 4px;
         text-decoration: none;
         transition: border-color 0.15s ease;
-        background: transparent;
         cursor: pointer;
         text-align: left;
 

packages/console/app/src/routes/black.tsx

@@ -3,7 +3,7 @@ import { Title, Meta, Link } from "@solidjs/meta"
 import { createMemo, createSignal } from "solid-js"
 import { github } from "~/lib/github"
 import { config } from "~/config"
-import LightRays, { defaultConfig, LightRaysControls, type LightRaysConfig } from "~/component/light-rays"
+import LightRays, { defaultConfig, type LightRaysConfig } from "~/component/light-rays"
 import "./black.css"
 
 export default function BlackLayout(props: RouteSectionProps) {
@@ -44,7 +44,6 @@ export default function BlackLayout(props: RouteSectionProps) {
       <Meta name="twitter:image" content="/social-share-black.png" />
 
       <LightRays config={lightRaysConfig} class="header-light-rays" />
-      <LightRaysControls config={lightRaysConfig} setConfig={setLightRaysConfig} />
 
       <header data-component="header">
         <A href="/" data-component="header-logo">

packages/console/app/tsconfig.json

@@ -12,7 +12,7 @@
     "allowJs": true,
     "strict": true,
     "noEmit": true,
-    "types": ["vite/client"],
+    "types": ["vite/client", "@webgpu/types"],
     "isolatedModules": true,
     "paths": {
       "~/*": ["./src/*"]