more slight ui changes

kscalelabs · Nov 1, 2024 · 8841ec9 · 8841ec9
1 parent 4134527
commit 8841ec9
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git a/frontend/src/components/listings/ListingGrid.tsx b/frontend/src/components/listings/ListingGrid.tsx
@@ -62,7 +62,7 @@ const ListingGrid = (props: ListingGridProps) => {
       <Spinner />
     </div>
   ) : (
-    <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 2xl:grid-cols-8 gap-4">
+    <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 max-w-7xl mx-auto">
       {listingInfos.map((info) => (
         <Link
           to={`/item/${info.username}/${info.slug || info.id}`}

diff --git a/frontend/src/components/pages/Browse.tsx b/frontend/src/components/pages/Browse.tsx
@@ -180,7 +180,6 @@ const Browse = () => {
         {isLoading && (
           <div className="flex items-center justify-center gap-2">
             <div className="animate-spin rounded-full h-6 w-6 border-b-2 border-gray-12"></div>
-            <span>Loading more listings...</span>
           </div>
         )}
       </div>

diff --git a/frontend/src/components/pages/Terminal.tsx b/frontend/src/components/pages/Terminal.tsx
@@ -238,7 +238,7 @@ const TerminalPage: React.FC = () => {
   };
 
   return (
-    <div className="p-6 min-h-screen rounded-xl bg-gray-3">
+    <div className="p-6 min-h-screen rounded-xl bg-gray-3 max-w-7xl mx-auto">
       <div className="flex flex-col sm:flex-row justify-between sm:items-center gap-3 mb-6">
         <div>
           <h1 className="text-3xl font-bold">Your Robots</h1>
@@ -261,7 +261,7 @@ const TerminalPage: React.FC = () => {
           <Spinner className="p-1" />
         </div>
       ) : robots && robots.length > 0 ? (
-        <div className="grid gap-2 md:gap-6 md:grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4">
+        <div className="grid gap-2 md:gap-6 md:grid-cols-1 lg:grid-cols-2">
           {robots.map((robot) => (
             <RobotCard
               key={robot.id}