+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/main.js b/src/main.js
index d27e6c1..277029c 100644
--- a/src/main.js
+++ b/src/main.js
@@ -34,7 +34,7 @@ const flokBasicSetup = (doc) => {
const createEditor = (doc) => {
console.log("createEditor", doc);
- if (!["slot1", "slot2"].includes(doc.id)) {
+ if (!["1", "2", "3", "4", "5", "6", "7", "8"].includes(doc.id)) {
console.warn(
`ignoring doc with id "${doc.id}". only slot1 and slot2 is allowed rn..`
);
@@ -63,14 +63,14 @@ const createEditor = (doc) => {
],
});
- const editorEl = document.querySelector(`#${doc.id} .editor`);
+ const editorEl = document.querySelector(`#slot-${doc.id} .editor`);
const view = new EditorView({
state,
parent: editorEl,
});
editorViews.set(doc.id, view);
- const targetEl = document.querySelector(`#${doc.id} .target`);
+ const targetEl = document.querySelector(`#slot-${doc.id} .target`);
targetEl.value = doc.target;
targetEl.addEventListener("change", (e) => {
@@ -86,7 +86,7 @@ const handleEvalHydra = (msg) => {
// evaluate hydra code here...
};
-const session = new Session("nudelsalat", {
+const session = new Session("pastagang", {
// changed this part to what flok.cc uses
hostname: "flok.cc",
port: "", //parseInt(port),
diff --git a/src/style.css b/src/style.css
index d394149..812ab4c 100644
--- a/src/style.css
+++ b/src/style.css
@@ -10,7 +10,8 @@ body {
}
.slots {
- display: flex;
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
width: 100%;
height: 100%;
}
@@ -19,8 +20,7 @@ body {
display: flex;
flex-direction: column;
flex-grow: 1;
- margin: 0.25em;
- width: 50%;
+ width: 100%;
}
.slot .title {