ui changes

ibm-client-engineering · Dec 10, 2024 · 6bd3b5a · 6bd3b5a
1 parent 7c7fcf6
commit 6bd3b5a
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 11 deletions.
diff --git a/src/app/contact/contact.scss b/src/app/contact/contact.scss
@@ -43,7 +43,6 @@
     @include type-style ('heading-06');
     padding-top: 64px;
     padding-left: 32px;
-    padding-bottom: 48px;
 }
 
 .assistant_img__container {

diff --git a/src/app/home/page.js b/src/app/home/page.js
@@ -2,7 +2,7 @@
 
 import { FlexGrid, Column, ClickableTile, Row, Tag } from '@carbon/react';
 import React from "react";
-import { Add, WatsonxAi, WorkflowAutomation, IbmSecurity, Data_1, CloudApp, ZSystems, Launch, WatsonHealthEdgeEnhancement_01, WatsonHealthEdgeEnhancement_02, WatsonHealthEdgeEnhancement_03 } from '@carbon/icons-react';
+import { Add, WatsonxAi, WorkflowAutomation, IbmSecurity, Data_1, CloudApp, ZSystems, Launch, WatsonHealthEdgeEnhancement_01, WatsonHealthEdgeEnhancement_02, WatsonHealthEdgeEnhancement_03, ArrowRight } from '@carbon/icons-react';
 import RecentProjectsTiles from "./RecentProjectsTiles";
 import data from "../../../repoData.json";
 import Link from 'next/link';
@@ -23,7 +23,7 @@ export default function LandingPage() {
         <Column lg={4} md={2} sm={1}>
           <ClickableTile
               className="clickable-tile-1"
-              renderIcon={Launch}
+              renderIcon={ArrowRight}
               style={{ height: '240px' }}
               href="/ce-solutions-hub/projects?topic=generative-ai"
             >
@@ -32,7 +32,7 @@ export default function LandingPage() {
               <h4 className="clickable-tile-title">Generative AI</h4>
               <p1 className="clickable-tile-description">Easily deploy and embed AI across your business, manage all data sources, and accelerate responsible AI workflows—all on one platform</p1>
           </ClickableTile>
-          <ClickableTile className="clickable-tile-2" renderIcon={Launch} style={{ height: '240px' }}
+          <ClickableTile className="clickable-tile-2" renderIcon={ArrowRight} style={{ height: '240px' }}
             href="/ce-solutions-hub/projects">
             <IbmSecurity size={32} />
             <br /><br /><br /><br />
@@ -41,15 +41,15 @@ export default function LandingPage() {
           </ClickableTile>
         </Column>
         <Column lg={4} md={2} sm={1}>
-          <ClickableTile className="clickable-tile-3" renderIcon={Launch} style={{ height: '240px' }}
+          <ClickableTile className="clickable-tile-3" renderIcon={ArrowRight} style={{ height: '240px' }}
             href="/ce-solutions-hub/projects?topic=data"
             >
             <Data_1 size={32} />
             <br /><br /><br /><br />
             <h4 className="clickable-tile-title">Data</h4>
             <p1 className="clickable-tile-description">Predict outcomes faster using a platform built with data fabric architecture. Collect, organize and analyze data, no matter where it resides</p1>
           </ClickableTile>
-          <ClickableTile className="clickable-tile-4" renderIcon={Launch} style={{ height: '240px' }}
+          <ClickableTile className="clickable-tile-4" renderIcon={ArrowRight} style={{ height: '240px' }}
             href="/ce-solutions-hub/projects"
             >
             <WorkflowAutomation size={32} />
@@ -59,14 +59,14 @@ export default function LandingPage() {
           </ClickableTile>
         </Column>
         <Column lg={4} md={2} sm={1}>
-          <ClickableTile className="clickable-tile-5" renderIcon={Launch} style={{ height: '240px' }}
+          <ClickableTile className="clickable-tile-5" renderIcon={ArrowRight} style={{ height: '240px' }}
             href="/ce-solutions-hub/projects">
             <CloudApp size={32} />
             <br /><br /><br /><br />
             <h4 className="clickable-tile-title">Hybrid Cloud</h4>
             <p1 className="clickable-tile-description">Hybrid cloud allows for the seamless integration of platforms, applications, and infrastructure built on public cloud, private cloud and on-prem</p1>
           </ClickableTile>
-          <ClickableTile className="clickable-tile-6" renderIcon={Launch} style={{ height: '240px' }}
+          <ClickableTile className="clickable-tile-6" renderIcon={ArrowRight} style={{ height: '240px' }}
             href="/ce-solutions-hub/projects">
             <ZSystems size={32} />
             <br /><br /><br /><br />

diff --git a/src/app/mission/page.js b/src/app/mission/page.js
@@ -25,7 +25,7 @@ const MissionPage = () => {
           <br />
           <h4>Client Engineering is a no-cost investment for IBM’s clients. <a href="/ce-solutions-hub/contact/">Connect with us today!</a></h4>
           <br />
-          <h4><a href="https://www.ibm.com/client-engineering">Learn more about Client Engineering &rarr;</a></h4>
+          <h4><a href="https://www.ibm.com/client-engineering" target="_blank" rel="noopener noreferrer">Learn more about Client Engineering</a></h4>
           <br />
           <br />
           <Column className='pillar__column'>

diff --git a/src/app/projects/_projects-page.scss b/src/app/projects/_projects-page.scss
@@ -16,8 +16,9 @@
 
 .banner-title {
     @include type-style ('heading-06');
-    padding-top: 32px;
-    padding-bottom: 48px;
+    padding-top: 64px;
+    padding-left: 32px;
+    padding-bottom: 16px;
 }
 
 .banner-image-container {