From 82fcec826c8d5102cda165f72963ad123c82a7db Mon Sep 17 00:00:00 2001 From: "Timothy J. Baek" Date: Sun, 18 Feb 2024 19:32:03 -0800 Subject: [PATCH 1/2] refac: styling --- src/routes/(app)/admin/+page.svelte | 12 +- src/routes/(app)/documents/+page.svelte | 348 +++++++++--------- src/routes/(app)/modelfiles/+page.svelte | 241 ++++++------ .../(app)/modelfiles/create/+page.svelte | 2 +- src/routes/(app)/modelfiles/edit/+page.svelte | 2 +- src/routes/(app)/prompts/+page.svelte | 22 +- src/routes/(app)/prompts/create/+page.svelte | 2 +- src/routes/(app)/prompts/edit/+page.svelte | 2 +- 8 files changed, 309 insertions(+), 322 deletions(-) diff --git a/src/routes/(app)/admin/+page.svelte b/src/routes/(app)/admin/+page.svelte index 9657d052..becb77c8 100644 --- a/src/routes/(app)/admin/+page.svelte +++ b/src/routes/(app)/admin/+page.svelte @@ -83,10 +83,16 @@
-
Users ({users.length})
+
+ All Users +
+ {users.length} +
- Click on the user role cell in the table to change a user's role. + ⓘ Click on the user role button to change a user's role.
diff --git a/src/routes/(app)/documents/+page.svelte b/src/routes/(app)/documents/+page.svelte index ab3d6553..08cd8e27 100644 --- a/src/routes/(app)/documents/+page.svelte +++ b/src/routes/(app)/documents/+page.svelte @@ -184,34 +184,39 @@
-
+
-
-
My Documents
+
+
+
My Documents
-
- +
Document Settings
+ +
+
+
+ ⓘ Use '#' in the prompt input to load and select your documents.
@@ -240,7 +245,7 @@
{/if} - {#each $documents.filter((doc) => (selectedTag === '' || (doc?.content?.tags ?? []) - .map((tag) => tag.name) - .includes(selectedTag)) && (query === '' || doc.name.includes(query))) as doc} -
-
-
-
- {#if doc} - - - - - {:else} -
+ {#each $documents.filter((doc) => (selectedTag === '' || (doc?.content?.tags ?? []) + .map((tag) => tag.name) + .includes(selectedTag)) && (query === '' || doc.name.includes(query))) as doc} +
+
+
+
+ {#if doc} + + + + + {:else} + - {/if} -
-
-
#{doc.name} ({doc.filename})
-
- {doc.title} + @keyframes spinner_8HQG { + 0%, + 57.14% { + animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); + transform: translate(0); + } + 28.57% { + animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); + transform: translateY(-6px); + } + 100% { + transform: translate(0); + } + } +
+
+
#{doc.name} ({doc.filename})
+
+ {doc.title} +
-
-
- - - + + + - + + + + +
-
-
- {/each} +
+ {/each} +
- {#if $documents.length > 0} -
- {/if} - -
+
- -
-
- - - -
- -
- Tip: Use '#' in the prompt input to swiftly load and select your documents. -
-
diff --git a/src/routes/(app)/modelfiles/+page.svelte b/src/routes/(app)/modelfiles/+page.svelte index b1038b79..e46844f5 100644 --- a/src/routes/(app)/modelfiles/+page.svelte +++ b/src/routes/(app)/modelfiles/+page.svelte @@ -70,11 +70,11 @@
-
+
-
My Modelfiles
+
My Modelfiles
- +
- {#each $modelfiles as modelfile} -
-
- + +
+ {#each $modelfiles as modelfile} +
-
-
- modelfile profile -
-
- -
-
{modelfile.title}
-
- {modelfile.desc} -
-
- -
- - - +
+
+ modelfile profile +
+
+ +
+
{modelfile.title}
+
+ {modelfile.desc} +
+
- - + + + + - + + + + - + + + + + + + +
-
- {/each} + {/each} +
-
- -
+
-
Made by OpenWebUI Community
+
Made by OpenWebUI Community
@@ -402,7 +405,7 @@
Discover a modelfile
-
Discover, download, and explore Ollama Modelfiles
+
Discover, download, and explore model presets
diff --git a/src/routes/(app)/modelfiles/create/+page.svelte b/src/routes/(app)/modelfiles/create/+page.svelte index 22c52ba6..12ffe063 100644 --- a/src/routes/(app)/modelfiles/create/+page.svelte +++ b/src/routes/(app)/modelfiles/create/+page.svelte @@ -282,7 +282,7 @@ SYSTEM """${system}"""`.replace(/^\s*\n/gm, '');
-
+
-
+
-
+
My Prompts
@@ -84,13 +84,13 @@
+
- {#if $prompts.length === 0} -
- {:else} +
{#each $prompts.filter((p) => query === '' || p.command.includes(query)) as prompt} -
-
+
@@ -196,11 +196,9 @@
{/each} - {/if} +
-
- -
+
Made by OpenWebUI Community
 @@ -326,7 +324,7 @@
Discover a prompt
-
Discover, download, and explore custom Prompts
+
Discover, download, and explore custom prompts
diff --git a/src/routes/(app)/prompts/create/+page.svelte b/src/routes/(app)/prompts/create/+page.svelte index 87cf6568..4dad5795 100644 --- a/src/routes/(app)/prompts/create/+page.svelte +++ b/src/routes/(app)/prompts/create/+page.svelte @@ -90,7 +90,7 @@
-
+
My Prompts
diff --git a/src/routes/(app)/prompts/edit/+page.svelte b/src/routes/(app)/prompts/edit/+page.svelte index a6eaf514..0611056a 100644 --- a/src/routes/(app)/prompts/edit/+page.svelte +++ b/src/routes/(app)/prompts/edit/+page.svelte @@ -72,7 +72,7 @@
-
+
My Prompts
From 4c62f6a7ceb6dbd62890f9caa267ea476f766a51 Mon Sep 17 00:00:00 2001 From: "Timothy J. Baek" Date: Sun, 18 Feb 2024 19:52:28 -0800 Subject: [PATCH 2/2] refac: styling --- src/routes/(app)/admin/+page.svelte | 40 +++++++++++++----------- src/routes/(app)/documents/+page.svelte | 14 ++++----- src/routes/(app)/modelfiles/+page.svelte | 19 ++++++----- src/routes/(app)/prompts/+page.svelte | 14 ++++----- 4 files changed, 45 insertions(+), 42 deletions(-) diff --git a/src/routes/(app)/admin/+page.svelte b/src/routes/(app)/admin/+page.svelte index becb77c8..8b002da8 100644 --- a/src/routes/(app)/admin/+page.svelte +++ b/src/routes/(app)/admin/+page.svelte @@ -140,9 +140,9 @@ diff --git a/src/routes/(app)/documents/+page.svelte b/src/routes/(app)/documents/+page.svelte index 08cd8e27..efa9d63f 100644 --- a/src/routes/(app)/documents/+page.svelte +++ b/src/routes/(app)/documents/+page.svelte @@ -316,7 +316,9 @@ {#each $documents.filter((doc) => (selectedTag === '' || (doc?.content?.tags ?? []) .map((tag) => tag.name) .includes(selectedTag)) && (query === '' || doc.name.includes(query))) as doc} -
+
@@ -385,7 +387,7 @@
-->
- -
{/each}
@@ -496,7 +496,7 @@ /> @@ -256,7 +255,7 @@ />