-
-
+
)),
components
diff --git a/src/data/layers/styles/factory.css b/src/data/layers/styles/factory.css
new file mode 100644
index 0000000..a47a172
--- /dev/null
+++ b/src/data/layers/styles/factory.css
@@ -0,0 +1,16 @@
+.container {
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+.factoryDisp {
+ border-left: 1px solid white;
+ border-bottom: 1px solid white;
+}
+.info {
+ border-bottom: 1px solid white;
+}
+.comps {
+ border-bottom: 1px solid white;
+}
\ No newline at end of file
diff --git a/src/lib/pixi.ts b/src/lib/pixi.ts
index 9db8382..d76c5fd 100644
--- a/src/lib/pixi.ts
+++ b/src/lib/pixi.ts
@@ -1,7 +1,4 @@
-import { Application } from "@pixi/app";
-import { BatchRenderer, Renderer } from "@pixi/core";
+import { BatchRenderer, extensions } from "@pixi/core";
import { TickerPlugin } from "@pixi/ticker";
-Application.registerPlugin(TickerPlugin);
-
-Renderer.registerPlugin("batch", BatchRenderer);
+extensions.add(TickerPlugin, BatchRenderer);
\ No newline at end of file
diff --git a/src/main.css b/src/main.css
index 5c65197..dbf5062 100644
--- a/src/main.css
+++ b/src/main.css
@@ -137,6 +137,15 @@ ul {
background: #070710;
}
+.layer-container {
+ min-width: 100%;
+ min-height: 100%;
+ margin: 0;
+ flex-grow: 1;
+ display: flex;
+ isolation: isolate;
+}
+
.goBack {
position: sticky;
top: 10px;
@@ -158,11 +167,3 @@ ul {
transform: scale(1.1, 1.1);
text-shadow: 0 0 7px var(--foreground);
}
-.layer-container {
- min-width: 100%;
- min-height: 100%;
- margin: 0;
- flex-grow: 1;
- display: flex;
- isolation: isolate;
-}
\ No newline at end of file
|
+
+ {whatIsHovered.value === ""
+ ? undefined
+ : FACTORY_COMPONENTS[whatIsHovered.value].description}
+
+ |
+ |
+ Components+
+ {Object.entries(FACTORY_COMPONENTS).map(value => {
+ const key = value[0] as FactoryCompNames;
+ const item = value[1];
+ return (
+
+ |
+
+ |
+