Dial down border radius for ui-components (#293)

* Dial down border radius for ui-components * update radius for page cards
ethereum-optimism · May 28, 2024 · de7a076 · de7a076
1 parent 1eea965
commit de7a076
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/apps/dapp-console/app/insights/page.tsx b/apps/dapp-console/app/insights/page.tsx
@@ -13,7 +13,7 @@ export default function Insights() {
   return (
     <main className="flex justify-center relative">
       <Banner />
-      <Card className="max-w-7xl w-full mt-36 mx-8 mb-16 z-10 p-16 flex flex-col items-center">
+      <Card className="max-w-7xl w-full mt-36 mx-8 mb-16 z-10 p-16 flex flex-col items-center rounded-2xl">
         <RiCompasses2Line size={64} className="mb-4" />
         <Text as="h2" className="text-base mb-1 font-semibold">
           We're still working on insights

diff --git a/apps/dapp-console/app/page.tsx b/apps/dapp-console/app/page.tsx
@@ -25,7 +25,7 @@ export default function Page() {
   return (
     <main className="flex justify-center relative">
       <Banner />
-      <Card className="max-w-7xl w-full mt-36 mx-8 z-10 mb-16">
+      <Card className="max-w-7xl w-full mt-36 mx-8 z-10 mb-16 rounded-2xl">
         <CardHeader className="md:p-10 lg:p-16">
           <CardTitle>
             <Text as="span" className="text-4xl mb-2">

diff --git a/packages/ui-components/src/style.css b/packages/ui-components/src/style.css
@@ -31,7 +31,7 @@
     --success-foreground: 131 85% 35%;
     --contrast: 0 0% 0%;
     --contrast-foreground: 0 0% 100%;
-    --radius: 1rem;
+    --radius: 0.5rem;
   }
 
   .dark {