diff --git a/ui/.ackrc b/ui/.ackrc index 4399a80b..ac2947fe 100644 --- a/ui/.ackrc +++ b/ui/.ackrc @@ -10,5 +10,4 @@ --ignore-dir=tmp --ignore-dir=vendor --ignore-file=ext:svg ---ignore-file=is:selection.json ---ignore-file=is:yarn.lock +--ignore-file=is:package-lock.json diff --git a/ui/Makefile b/ui/Makefile index 2213ddab..37fe81de 100644 --- a/ui/Makefile +++ b/ui/Makefile @@ -1,9 +1,9 @@ build: clean - yarn - yarn generate + npm install + npm run generate rm -rf ../static/ui/_nuxt cp -rp .output/public/* ../static/ui/ touch ../static/ui/_nuxt/_placeholder clean: - yarn clean + npm run clean diff --git a/ui/README.md b/ui/README.md index a406e071..9d9821d0 100644 --- a/ui/README.md +++ b/ui/README.md @@ -5,7 +5,7 @@ Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introdu ## Setup ```bash -yarn install +npm install ``` ## Development Server @@ -13,13 +13,13 @@ yarn install Start the development server on `http://localhost:9091`: ```bash -yarn dev +npm run dev ``` ## Production -Build the application for embedding into GPTScript: +Build the application for embedding into GPTScript (the Makefile does this): ```bash -yarn run generate +npm run generate ``` diff --git a/ui/app.config.ts b/ui/app.config.ts index 7317309c..030fffde 100644 --- a/ui/app.config.ts +++ b/ui/app.config.ts @@ -4,9 +4,15 @@ export default defineAppConfig({ gray: 'cool', card: { + header: { + padding: 'px-1 py-1 sm:p-2', + }, body: { padding: 'px-1 py-1 sm:p-2' - } + }, + footer: { + padding: 'px-1 py-1 sm:p-2' + }, } }, }) diff --git a/ui/app.vue b/ui/app.vue index ab1ee05b..0d47584e 100644 --- a/ui/app.vue +++ b/ui/app.vue @@ -1,9 +1,53 @@ + + + diff --git a/ui/components/content.vue b/ui/components/content.vue new file mode 100644 index 00000000..b662abf4 --- /dev/null +++ b/ui/components/content.vue @@ -0,0 +1,17 @@ + + + diff --git a/ui/components/left-nav.vue b/ui/components/left-nav.vue index ce4fb657..5e1d57e1 100644 --- a/ui/components/left-nav.vue +++ b/ui/components/left-nav.vue @@ -2,7 +2,6 @@ // const router = useRouter() const gptList = await useGpts().listAll() const runList = await useRuns().findAll() -const sock = useSocket() const gptLinks = computed(() => { return (gptList || []).map(x => { return { @@ -32,12 +31,12 @@ async function remove(e: MouseEvent, id: any) {