fix layout of search modal

This commit is contained in:
marlon-erler
2024-07-13 17:18:12 +02:00
parent c0ae63a763
commit a994f8e5db
2 changed files with 15 additions and 13 deletions
+2 -2
View File
@@ -2157,14 +2157,14 @@
class: "object-content width-100 height-100 flex scroll-no", class: "object-content width-100 height-100 flex scroll-no",
"children:set": mainView "children:set": mainView
} }
), /* @__PURE__ */ createElement("div", { "children:set": objectModal }), /* @__PURE__ */ createElement("div", { class: "modal", "toggle:open": isShowingFilterModel }, /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("main", null, /* @__PURE__ */ createElement("h2", null, translation.filterObjects), /* @__PURE__ */ createElement("label", { class: "tile" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "search"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translation.searchByTitle), /* @__PURE__ */ createElement( ), /* @__PURE__ */ createElement("div", { "children:set": objectModal }), /* @__PURE__ */ createElement("div", { class: "modal", "toggle:open": isShowingFilterModel }, /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("main", null, /* @__PURE__ */ createElement("h2", null, translation.filterObjects), /* @__PURE__ */ createElement("div", { class: "flex-column" }, /* @__PURE__ */ createElement("label", { class: "tile" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "search"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translation.searchByTitle), /* @__PURE__ */ createElement(
"input", "input",
{ {
"bind:value": filterInput, "bind:value": filterInput,
"on:enter": applyFilter, "on:enter": applyFilter,
placeholder: translation.searchByTitlePlaceholder placeholder: translation.searchByTitlePlaceholder
} }
))), /* @__PURE__ */ createElement("div", { class: "flex-row width-input" }, /* @__PURE__ */ createElement( )))), /* @__PURE__ */ createElement("div", { class: "flex-row width-input" }, /* @__PURE__ */ createElement(
"button", "button",
{ {
class: "width-50 flex", class: "width-50 flex",
+2
View File
@@ -144,6 +144,7 @@ export function ObjectPane(chat: Chat) {
<main> <main>
<h2>{translation.filterObjects}</h2> <h2>{translation.filterObjects}</h2>
<div class="flex-column">
<label class="tile"> <label class="tile">
<span class="icon">search</span> <span class="icon">search</span>
<div> <div>
@@ -155,6 +156,7 @@ export function ObjectPane(chat: Chat) {
></input> ></input>
</div> </div>
</label> </label>
</div>
<div class="flex-row width-input"> <div class="flex-row width-input">
<button <button
class="width-50 flex" class="width-50 flex"