Page MenuHomeSealhub

No OneTemporary

diff --git a/src/back/jdd-components/neon-box-wrapper/neon-box-wrapper.css b/src/back/jdd-components/neon-box-wrapper/neon-box-wrapper.css
new file mode 100644
index 0000000..eddbb85
--- /dev/null
+++ b/src/back/jdd-components/neon-box-wrapper/neon-box-wrapper.css
@@ -0,0 +1,2 @@
+.neon-box-wrapper {
+}
\ No newline at end of file
diff --git a/src/back/jdd-components/neon-box-wrapper/neon-box-wrapper.jdd.tsx b/src/back/jdd-components/neon-box-wrapper/neon-box-wrapper.jdd.tsx
new file mode 100644
index 0000000..0a28cac
--- /dev/null
+++ b/src/back/jdd-components/neon-box-wrapper/neon-box-wrapper.jdd.tsx
@@ -0,0 +1,28 @@
+import { TempstreamJSX } from "tempstream";
+import type { ComponentToHTMLArgs } from "@sealcode/jdd";
+import { Component, ComponentArguments } from "@sealcode/jdd";
+
+const component_arguments = {
+ component: new ComponentArguments.NestedComponent(),
+} as const;
+
+export class NeonBoxWrapper extends Component<typeof component_arguments> {
+ getArguments() {
+ return component_arguments;
+ }
+
+ async toHTML({
+ args: { component },
+ classes,
+ jdd_context,
+ }: ComponentToHTMLArgs<typeof component_arguments>): Promise<string> {
+ return (
+ <div class={["neon-box", "neon-box-wrapper", ...classes]}>
+ {ComponentArguments.NestedComponent.render(
+ jdd_context,
+ component as Record<string, unknown>
+ )}
+ </div>
+ );
+ }
+}
diff --git a/src/main.css b/src/main.css
index 0c3e79a..7a8ad1d 100644
--- a/src/main.css
+++ b/src/main.css
@@ -4,12 +4,16 @@ html {
font-size: 14px;
}
+body,
+#component-preview {
+ background: linear-gradient(135deg, #1a0f2e 0%, #2d1a4a 50%, #1a0f2e 100%);
+}
+
body {
margin: 0;
padding-top: 24px;
margin-bottom: 0;
color: var(--color-brand-text-fg);
- background: linear-gradient(135deg, #1a0f2e 0%, #2d1a4a 50%, #1a0f2e 100%);
& > main,
& > nav,

File Metadata

Mime Type
text/x-diff
Expires
Wed, Mar 26, 20:12 (12 h, 29 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
619400
Default Alt Text
(1 KB)

Event Timeline