fix chat option layout

This commit is contained in:
marlon-erler
2024-07-09 18:46:02 +02:00
parent 6e040105f1
commit bc45992ecb
2 changed files with 15 additions and 13 deletions
+3 -3
View File
@@ -415,7 +415,7 @@
onmessage = async (data) => { onmessage = async (data) => {
if (!data.messageChannel) return; if (!data.messageChannel) return;
const channels = data.messageChannel.split("/"); const channels = data.messageChannel.split("/");
if (!this.primaryChannel.value in channels) return; if (this.primaryChannel.value in channels == false) return;
if (data.subscribed != void 0) this.handleSubscription(data.subscribed); if (data.subscribed != void 0) this.handleSubscription(data.subscribed);
if (!data.messageBody) return; if (!data.messageBody) return;
const { sender, body, channel, isoDate } = JSON.parse(data.messageBody); const { sender, body, channel, isoDate } = JSON.parse(data.messageBody);
@@ -839,13 +839,13 @@
secondaryChannelConverter secondaryChannelConverter
] ]
} }
), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("label", { class: "tile" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "key"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translation.encryptionKey), /* @__PURE__ */ createElement( ), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("label", { class: "tile" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "key"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translation.encryptionKey), /* @__PURE__ */ createElement(
"input", "input",
{ {
placeholder: translation.encryptionKeyPlaceholder, placeholder: translation.encryptionKeyPlaceholder,
"bind:value": chat.encryptionKey "bind:value": chat.encryptionKey
} }
))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("div", { class: "flex-column gap" }, /* @__PURE__ */ createElement("button", { class: "danger", "on:click": chat.clearMessages }, translation.clearChatMessages, /* @__PURE__ */ createElement("span", { class: "icon" }, "delete_sweep")), /* @__PURE__ */ createElement("button", { class: "danger", "on:click": deleteChat }, translation.removeChat, /* @__PURE__ */ createElement("span", { class: "icon" }, "delete")))), /* @__PURE__ */ createElement("button", { "on:click": closeModal }, translation.close, /* @__PURE__ */ createElement("span", { class: "icon" }, "close")))); )))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("div", { class: "flex-column gap" }, /* @__PURE__ */ createElement("button", { class: "danger", "on:click": chat.clearMessages }, translation.clearChatMessages, /* @__PURE__ */ createElement("span", { class: "icon" }, "delete_sweep")), /* @__PURE__ */ createElement("button", { class: "danger", "on:click": deleteChat }, translation.removeChat, /* @__PURE__ */ createElement("span", { class: "icon" }, "delete")))), /* @__PURE__ */ createElement("button", { "on:click": closeModal }, translation.close, /* @__PURE__ */ createElement("span", { class: "icon" }, "close"))));
} }
// src/Views/messageComposer.tsx // src/Views/messageComposer.tsx
+12 -10
View File
@@ -103,16 +103,18 @@ export function ChatOptionModal(chat: Chat, isPresented: React.State<boolean>) {
<hr></hr> <hr></hr>
<label class="tile"> <div>
<span class="icon">key</span> <label class="tile">
<div> <span class="icon">key</span>
<span>{translation.encryptionKey}</span> <div>
<input <span>{translation.encryptionKey}</span>
placeholder={translation.encryptionKeyPlaceholder} <input
bind:value={chat.encryptionKey} placeholder={translation.encryptionKeyPlaceholder}
></input> bind:value={chat.encryptionKey}
</div> ></input>
</label> </div>
</label>
</div>
<hr></hr> <hr></hr>