fix: small visual polishes

renlabs-dev · Oct 17, 2024 · d1c810d · d1c810d
1 parent d2a6b1a
commit d1c810d
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 20 deletions.
diff --git a/apps/commune-validator/src/app/(pages)/layout.tsx b/apps/commune-validator/src/app/(pages)/layout.tsx
@@ -1,7 +1,7 @@
 import type { Metadata } from "next";
 import Link from "next/link";
 
-import { Button, Container } from "@commune-ts/ui";
+import { Button, Container, Separator } from "@commune-ts/ui";
 
 export const metadata: Metadata = {
   robots: "all",
@@ -20,15 +20,13 @@ export default function RootLayout({
       <Container>
         <div className="mb-4 flex w-full gap-3 border-b border-white/20 text-center">
           <div className="flex w-full animate-fade-down flex-col gap-4 pb-4 animate-delay-300 md:flex-row">
-            <Button size="xl" className="w-full" asChild>
-              <Link href="/">Home</Link>
-            </Button>
             <Button size="xl" className="w-full" asChild>
               <Link href="/modules">Modules</Link>
             </Button>
             <Button size="xl" className="w-full" asChild>
-              <Link href="/weighted-modules">Weighted Modules</Link>
+              <Link href="/weighted-modules">Your Selected Modules</Link>
             </Button>
+            <Separator orientation="vertical" />
             <Button
               asChild
               size="xl"
@@ -41,7 +39,7 @@ export default function RootLayout({
               size="xl"
               className="w-full hover:border-cyan-500 hover:bg-background-cyan hover:text-cyan-500 active:bg-cyan-500/30"
             >
-              <Link href="/weighted-subnets">Weighted Subnets</Link>
+              <Link href="/weighted-subnets">Your Selected Subnets</Link>
             </Button>
           </div>
         </div>

diff --git a/apps/commune-validator/src/app/(pages)/modules/page.tsx b/apps/commune-validator/src/app/(pages)/modules/page.tsx
@@ -23,7 +23,7 @@ export default async function ModulesPage({
   });
 
   return (
-    <>
+    <div className="min-h-[calc(100vh-169px)] w-full">
       <Suspense fallback={<div>Loading view controls...</div>}>
         <ViewControls />
       </Suspense>
@@ -44,6 +44,6 @@ export default async function ModulesPage({
       <Suspense fallback={<div>Loading...</div>}>
         <PaginationControls totalPages={metadata.totalPages} />
       </Suspense>
-    </>
+    </div>
   );
 }
diff --git a/apps/commune-validator/src/app/page.tsx b/apps/commune-validator/src/app/page.tsx
@@ -112,10 +112,7 @@ export default function Page() {
         <div className="mb-4 flex w-full flex-col border-b border-white/20 text-center md:flex-row md:gap-3">
           <div className="flex w-full animate-fade-down flex-col gap-4 pb-4 animate-delay-300 md:flex-row">
             <Button size="xl" className="w-full" asChild>
-              <Link href="/modules">Modules</Link>
-            </Button>
-            <Button size="xl" className="w-full" asChild>
-              <Link href="/weighted-modules">Weighted Modules</Link>
+              <Link href="/modules">Go to Modules view</Link>
             </Button>
           </div>
           <div className="mb-4 hidden border-l border-white/20 md:block" />
@@ -125,14 +122,7 @@ export default function Page() {
               size="xl"
               className="w-full hover:border-cyan-500 hover:bg-background-cyan hover:text-cyan-500 active:bg-cyan-500/30"
             >
-              <Link href="/subnets">Subnets</Link>
-            </Button>
-            <Button
-              asChild
-              size="xl"
-              className="w-full hover:border-cyan-500 hover:bg-background-cyan hover:text-cyan-500 active:bg-cyan-500/30"
-            >
-              <Link href="/weighted-subnets">Weighted Subnets</Link>
+              <Link href="/subnets">Go to Subnets view</Link>
             </Button>
           </div>
         </div>