Merge pull request #2418 from oasisprotocol/kaja/ecosystem-card-buttons

Update Ecosystem secondary button color and button group layout

Author: kaja-osojnik

.changelog/2418.trivial.md

@@ -0,0 +1 @@
+Update Ecosystem secondary button color and button group layout

src/app/pages/HomePage/EcosystemCard.tsx

@@ -128,13 +128,16 @@ export const EcosystemCard: FC<EcosystemCardProps> = ({
       </CardContent>
       <CardFooter>
         {footer || (
-          <div className="flex w-full gap-4">
-            <Button variant="outline" size="lg" className="flex-1" asChild>
-              <RouterLink to={RouteUtils.getDashboardRoute({ network: 'testnet', layer })}>
+          <div className="flex w-full lg:flex-col xl:flex-row gap-4">
+            <Button variant="outline" size="lg" className="flex-1 py-[10px]" asChild>
+              <RouterLink
+                to={RouteUtils.getDashboardRoute({ network: 'testnet', layer })}
+                className="text-primary"
+              >
                 {t('common.testnet')}
               </RouterLink>
             </Button>
-            <Button size="lg" className="flex-1" asChild>
+            <Button size="lg" className="flex-1 py-[10px]" asChild>
               <RouterLink to={RouteUtils.getDashboardRoute({ network: 'mainnet', layer })}>
                 {t('common.mainnet')}
                 <ArrowRight />

src/app/pages/HomePage/PontusXCard.tsx

@@ -64,13 +64,16 @@ export const PontusXCard: FC = () => {
       latestBlock={pontusxStatusQuery?.data?.data?.latest_block}
       activeNodes={pontusxStatusQuery?.data?.data?.active_nodes}
       footer={
-        <div className="flex w-full gap-4">
-          <Button variant="outline" size="lg" className="flex-1" asChild>
-            <RouterLink to={RouteUtils.getDashboardRoute({ network: 'testnet', layer: 'pontusxdev' })}>
+        <div className="flex w-full lg:flex-col xl:flex-row gap-4">
+          <Button variant="outline" size="lg" className="flex-1 py-[10px]" asChild>
+            <RouterLink
+              to={RouteUtils.getDashboardRoute({ network: 'testnet', layer: 'pontusxdev' })}
+              className="text-primary"
+            >
               {t('common.devnet')}
             </RouterLink>
           </Button>
-          <Button size="lg" className="flex-1" asChild>
+          <Button size="lg" className="flex-1 py-[10px]" asChild>
             <RouterLink to={RouteUtils.getDashboardRoute({ network: 'testnet', layer: 'pontusxtest' })}>
               {t('common.testnet')}
               <ArrowRight />