feat: update pages to be full height and have a padding at the bottom

Signed-off-by: tylerslaton <[email protected]>
gptscript-ai · Mar 21, 2024 · 4cc23b9 · 4cc23b9
1 parent f6b5d63
commit 4cc23b9
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/app.vue b/src/app.vue
@@ -15,8 +15,8 @@ useHead({
     <div class="grid grid-rows-[60px,1fr] fixed top-0 right-0 bottom-0 left-0">
       <Navigation class="h-[60px]" />
       <div class="overflow-auto border-t-2 border-transparent">
-        <div class="p-5 lg:p-10 max-w-full w-full mx-auto lg:max-w-5xl">
-          <NuxtPage />
+        <div class="p-5 lg:p-10 max-w-full w-full h-full mx-auto lg:max-w-5xl">
+          <NuxtPage class="pb-10" />
         </div>
       </div>
     </div>

diff --git a/src/components/Arguments.vue b/src/components/Arguments.vue
@@ -18,7 +18,7 @@ const { tool } = defineProps<Props>()
             <td class="font-semibold">
               {{ arg }}
             </td>
-            <td>{{ ucFirst(`${properties.description.trim()}`) }}</td>
+            <td>{{ ucFirst(`${properties.description!.trim()}`) }}</td>
           </tr>
         </tbody>
       </table>

diff --git a/src/pages/index.vue b/src/pages/index.vue
@@ -15,7 +15,7 @@ const featured: Tool[] = [
 </script>
 
 <template>
-  <div class="h-[90vh] text-center justify-start md:justify-center items-center p-10 flex flex-col">
+  <div class="h-full text-center justify-start md:justify-center items-center p-10 flex flex-col">
     <h2 class="text-4xl md:text-5xl mb-4 mx-2">
       Welcome to the GPTScript Toolbox
     </h2>