a bit of a border-radius

Signed-off-by: leecalcote <[email protected]>
layer5io · Jun 9, 2022 · 28451c0 · 28451c0
1 parent a5b0044
commit 28451c0
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/src/components/Call-To-Actions/CTA_Bottom/index.js b/src/components/Call-To-Actions/CTA_Bottom/index.js
@@ -10,6 +10,7 @@ const CTA_BottomWrapper = styled.div`
     height: 16rem;
     margin: 2rem auto 1.5rem;
     box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.1);
+    border-radius: 0.5rem;
 
     a {
         display: block;
@@ -20,6 +21,7 @@ const CTA_BottomWrapper = styled.div`
         height: 16rem;
         object-fit: cover;
         pointer-events: none;
+        border-radius: 0 0.5rem 0.5rem 0;
     }
 
     .cta-content {

diff --git a/src/components/Call-To-Actions/CTA_FullWidth/index.js b/src/components/Call-To-Actions/CTA_FullWidth/index.js
@@ -10,6 +10,7 @@ const CTA_FullWidthWrapper = styled.div`
     height: 16rem;
     margin: 1.5rem auto;
     box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.1);
+    border-radius: 0.5rem;
 
     a {
         display: block;
@@ -20,6 +21,7 @@ const CTA_FullWidthWrapper = styled.div`
         height: 16rem;
         object-fit: cover;
         pointer-events: none;
+        border-radius: 0.5rem 0 0 0.5rem;
     }
 
     .cta-content {
@@ -76,7 +78,7 @@ export const CTA_FullWidth = ({ alt, button_text, content, image, url }) => {
       <img src={image ? image : image_src} alt={alt ? alt : "Alt Text"} />
       <div className="cta-content">
         <p>{content ? content : defaultContent}</p>
-        <Button primary title={button_text ? button_text : "Join Us"} url={url ? url : defaultURL} external ={true} />
+        <Button primary title={button_text ? button_text : "Join Us"} url={url ? url : defaultURL} external={true} />
       </div>
     </CTA_FullWidthWrapper>
   );

diff --git a/src/components/Call-To-Actions/CTA_ImageOnly/index.js b/src/components/Call-To-Actions/CTA_ImageOnly/index.js
@@ -11,12 +11,14 @@ const CTA_ImageOnlyWrapper = styled.div`
         display: block;
         height: 15rem;
         background: rgb(201, 252, 246);
+        border-radius: 0.5rem;
     }
 
     img {
         width: 20rem;
         height: 15rem;
         pointer-events: none;
+        border-radius: 0.5rem;
     }
 
     @media screen and (max-width: 500px) {
@@ -32,10 +34,10 @@ export const CTA_ImageOnly = ({ alt, image, url, blend }) => {
   return (
     <CTA_ImageOnlyWrapper>
       <Link to={url ? url : defaultURL}>
-        <img 
+        <img
           src={image ? image : image_src}
           alt={alt ? alt : "Alt Text"}
-          style={{opacity: blend ? "0.7" : "1"}}
+          style={{ opacity: blend ? "0.7" : "1" }}
         />
       </Link>
     </CTA_ImageOnlyWrapper>