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",
"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",
{
"bind:value": filterInput,
"on:enter": applyFilter,
placeholder: translation.searchByTitlePlaceholder
}
))), /* @__PURE__ */ createElement("div", { class: "flex-row width-input" }, /* @__PURE__ */ createElement(
)))), /* @__PURE__ */ createElement("div", { class: "flex-row width-input" }, /* @__PURE__ */ createElement(
"button",
{
class: "width-50 flex",
+13 -11
View File
@@ -144,17 +144,19 @@ export function ObjectPane(chat: Chat) {
<main>
<h2>{translation.filterObjects}</h2>
<label class="tile">
<span class="icon">search</span>
<div>
<span>{translation.searchByTitle}</span>
<input
bind:value={filterInput}
on:enter={applyFilter}
placeholder={translation.searchByTitlePlaceholder}
></input>
</div>
</label>
<div class="flex-column">
<label class="tile">
<span class="icon">search</span>
<div>
<span>{translation.searchByTitle}</span>
<input
bind:value={filterInput}
on:enter={applyFilter}
placeholder={translation.searchByTitlePlaceholder}
></input>
</div>
</label>
</div>
<div class="flex-row width-input">
<button
class="width-50 flex"