Merge pull request #39 from vincent99/main

More theme
gptscript-ai · Feb 14, 2024 · 2e9265c · 2e9265c
2 parents a21e526 + 5afe8b8
commit 2e9265c
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 152 deletions.
diff --git a/ui/app.config.ts b/ui/app.config.ts
@@ -1,6 +1,6 @@
 export default defineAppConfig({
   ui: {
-    primary: 'slate',
+    primary: '#63797C',
     gray: 'cool',
 
     card: {

diff --git a/ui/app.vue b/ui/app.vue
@@ -30,7 +30,10 @@ function toggle() {
         <UButton icon="i-heroicons-bars-3" @click="toggle"/>
       </div>
       <div class="flex-initial">
-        <img src="~/assets/logo.svg" class="dark:invert" style="height: 100%; padding: 0.25rem;"/>
+        <img src="~/assets/logo.svg" style="height: 40px; margin: 5px 0 5px 0.5rem;"/>
+      </div>
+      <div class="flex-initial">
+        <img src="~/assets/logotype.svg" class="dark:invert" style="height: 30px; margin: 12px 0 8px 5px;"/>
       </div>
 
       <div class="flex-1"/>

diff --git a/ui/assets/logo.svg b/ui/assets/logo.svg
diff --git a/ui/assets/logotype.svg b/ui/assets/logotype.svg
diff --git a/ui/pages/index.vue b/ui/pages/index.vue
@@ -1,6 +1,8 @@
 <template>
   <div class="text-center">
-    <h1 class="text-center">Welcome to GPTScript!</h1>
+    <h1>Welcome to GPTScript!</h1>
+
+    <img src="~/assets/logo.svg" width="300px" style="aspect-ratio: preserve;" class="inline m-5" align="center" />
 
     <h2 class="mt-20"><i class="i-heroicons-arrow-long-left align-middle text-lg"/> Choose a script to get started.</h2>
   </div>

diff --git a/ui/tailwind.config.ts b/ui/tailwind.config.ts
@@ -1,4 +1,4 @@
-import type { Config } from 'tailwindcss'
+import type { Config } from 'tailwindcss/types/config'
 import defaultTheme from 'tailwindcss/defaultTheme'