fix: scrollbar design and overflow (#561)

* fix: scrollbar design and overflow Signed-off-by: axel7083 <42176370+axel7083@users.noreply.github.com> * revert: css changes Signed-off-by: axel7083 <42176370+axel7083@users.noreply.github.com> --------- Signed-off-by: axel7083 <42176370+axel7083@users.noreply.github.com>
containers · Mar 19, 2024 · c8fc8f1 · c8fc8f1
1 parent 8461cf5
commit c8fc8f1
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/packages/frontend/src/pages/Applications.svelte b/packages/frontend/src/pages/Applications.svelte
@@ -47,7 +47,7 @@ const openApplicationCatalog = () => {
 <NavPage title="AI Apps" searchEnabled="{false}">
   <div slot="content" class="flex flex-col min-w-full min-h-full">
     <div class="min-w-full min-h-full flex-1">
-      <div class="mt-4 px-5 space-y-5 h-full">
+      <div class="mt-4 px-5 space-y-5">
         {#if data.length > 0}
           <Table kind="AI App" data="{data}" columns="{columns}" row="{row}"></Table>
         {:else}

diff --git a/packages/frontend/src/pages/InferenceServerDetails.svelte b/packages/frontend/src/pages/InferenceServerDetails.svelte
@@ -17,7 +17,7 @@ $: service = $inferenceServers.find(server => server.container.containerId === c
   <svelte:fragment slot="content">
     <div slot="content" class="flex flex-col min-w-full min-h-full">
       <div class="min-w-full min-h-full flex-1">
-        <div class="mt-4 px-5 space-y-5 h-full">
+        <div class="mt-4 px-5 space-y-5">
           {#if service !== undefined}
             <!-- container details -->
             <div class="bg-charcoal-800 rounded-md w-full px-4 pt-2 pb-4">

diff --git a/packages/frontend/src/pages/InferenceServers.svelte b/packages/frontend/src/pages/InferenceServers.svelte
@@ -25,7 +25,7 @@ $: data = $inferenceServers;
   <svelte:fragment slot="content">
     <div slot="content" class="flex flex-col min-w-full min-h-full">
       <div class="min-w-full min-h-full flex-1">
-        <div class="mt-4 px-5 space-y-5 h-full">
+        <div class="mt-4 px-5 space-y-5">
           {#if data.length > 0}
             <Table kind="service" data="{data}" columns="{columns}" row="{row}"></Table>
           {:else}

diff --git a/packages/frontend/src/pages/Models.svelte b/packages/frontend/src/pages/Models.svelte
@@ -97,7 +97,7 @@ onMount(() => {
   <svelte:fragment slot="content">
     <div slot="content" class="flex flex-col min-w-full min-h-full">
       <div class="min-w-full min-h-full flex-1">
-        <div class="mt-4 px-5 space-y-5 h-full">
+        <div class="mt-4 px-5 space-y-5">
           {#if !loading}
             {#if pullingTasks.length > 0}
               <Card classes="bg-charcoal-800 mt-4">

diff --git a/packages/frontend/src/pages/Recipes.svelte b/packages/frontend/src/pages/Recipes.svelte
@@ -10,7 +10,7 @@ $: categories = $catalog.categories;
 <NavPage title="Recipe Catalog" searchEnabled="{false}">
   <div slot="content" class="flex flex-col min-w-full min-h-full">
     <div class="min-w-full min-h-full flex-1">
-      <div class="px-5 space-y-5 h-full">
+      <div class="px-5 space-y-5">
         <!-- Recent recipes -->
         <RecipesCard
           category="{{ id: RECENT_CATEGORY_ID, name: 'Recently-viewed recipes' }}"