VDMDI/CT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve UI

Browse Source
This commit is contained in:
marlon-erler
2024-07-15 22:04:29 +02:00
parent bffacb7499
commit 1d1c74534f
5 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/index.js
Vendored
+5 -5
View File
@@ -1593,7 +1593,7 @@
return /* @__PURE__ */ createElement( return /* @__PURE__ */ createElement(
"div", "div",
{ {
class: "grid gap padding", class: "grid gap",
style: "grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));", style: "grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));",
"children:prepend": [messageObjects, objectConverter] "children:prepend": [messageObjects, objectConverter]
} }
@@ -1606,7 +1606,7 @@
[chat.objects], [chat.objects],
() => chat.objects.value.size () => chat.objects.value.size
); );
return /* @__PURE__ */ createElement("div", { class: "width-100 height-100 scroll-v padding-top" }, /* @__PURE__ */ createElement("b", { class: "secondary padding" }, translation.objectsInTotal, " ", /* @__PURE__ */ createElement("span", { "subscribe:innerText": objectCount })), ObjectGridView( return /* @__PURE__ */ createElement("div", { class: "width-100 height-100 scroll-v padding flex-column gap" }, /* @__PURE__ */ createElement("b", { class: "secondary" }, translation.objectsInTotal, " ", /* @__PURE__ */ createElement("span", { "subscribe:innerText": objectCount })), ObjectGridView(
chat, chat,
messageObjects, messageObjects,
selectedObject, selectedObject,
@@ -1750,7 +1750,7 @@
() => notes.remove(messageObject) () => notes.remove(messageObject)
); );
}); });
return /* @__PURE__ */ createElement("div", { class: "width-100 height-100 scroll-v" }, ObjectGridView(chat, notes, selectedObject, isShowingObjectModal)); return /* @__PURE__ */ createElement("div", { class: "width-100 height-100 scroll-v padding" }, ObjectGridView(chat, notes, selectedObject, isShowingObjectModal));
} }
// src/Views/Objects/objectDetailModal.tsx // src/Views/Objects/objectDetailModal.tsx
@@ -2172,7 +2172,7 @@
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", { class: "modal", "toggle:open": isShowingFilterModel }, /* @__PURE__ */ createElement("div", { style: "max-width: 2084px" }, /* @__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( ), /* @__PURE__ */ createElement("div", { class: "modal", "toggle:open": isShowingFilterModel }, /* @__PURE__ */ createElement("div", { style: "max-width: 2084px" }, /* @__PURE__ */ createElement("main", { class: "gap" }, /* @__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,
@@ -2187,7 +2187,7 @@
"toggle:disabled": cannotReset "toggle:disabled": cannotReset
}, },
translation.reset translation.reset
), /* @__PURE__ */ createElement("button", { class: "width-50 flex primary", "on:click": applyFilter }, translation.search, /* @__PURE__ */ createElement("span", { class: "icon" }, "arrow_forward"))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("span", { class: "secondary", "subscribe:innerText": resultText }), ObjectGridView( ), /* @__PURE__ */ createElement("button", { class: "width-50 flex primary", "on:click": applyFilter }, translation.search, /* @__PURE__ */ createElement("span", { class: "icon" }, "arrow_forward"))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("b", { class: "secondary", "subscribe:innerText": resultText }), ObjectGridView(
chat, chat,
showingMessageObjects, showingMessageObjects,
selectedObject, selectedObject,
src/Views/Objects/allObjectsView.tsx
+2 -2
View File
@@ -17,8 +17,8 @@ export function AllObjectsView(
); );
return ( return (
<div class="width-100 height-100 scroll-v padding-top"> <div class="width-100 height-100 scroll-v padding flex-column gap">
<b class="secondary padding"> <b class="secondary">
{translation.objectsInTotal}{" "} {translation.objectsInTotal}{" "}
<span subscribe:innerText={objectCount}></span> <span subscribe:innerText={objectCount}></span>
</b> </b>
src/Views/Objects/noteObjectsView.tsx
+1 -1
View File
@@ -22,7 +22,7 @@ export function NoteObjectsView(
); );
}); });
return <div class="width-100 height-100 scroll-v"> return <div class="width-100 height-100 scroll-v padding">
{ObjectGridView(chat, notes, selectedObject, isShowingObjectModal)} {ObjectGridView(chat, notes, selectedObject, isShowingObjectModal)}
</div>; </div>;
} }
src/Views/Objects/objectGridView.tsx
+1 -1
View File
@@ -25,7 +25,7 @@ export function ObjectGridView(
return ( return (
<div <div
class="grid gap padding" class="grid gap"
style="grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));" style="grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));"
children:prepend={[messageObjects, objectConverter]} children:prepend={[messageObjects, objectConverter]}
></div> ></div>
src/Views/Objects/objectPane.tsx
+2 -2
View File
@@ -155,7 +155,7 @@ export function ObjectPane(chat: Chat) {
<div class="modal" toggle:open={isShowingFilterModel}> <div class="modal" toggle:open={isShowingFilterModel}>
<div style="max-width: 2084px"> <div style="max-width: 2084px">
<main> <main class="gap">
<h2>{translation.filterObjects}</h2> <h2>{translation.filterObjects}</h2>
<div class="flex-column"> <div class="flex-column">
@@ -187,7 +187,7 @@ export function ObjectPane(chat: Chat) {
<hr></hr> <hr></hr>
<span class="secondary" subscribe:innerText={resultText}></span> <b class="secondary" subscribe:innerText={resultText}></b>
{ObjectGridView( {ObjectGridView(
chat, chat,