Merge pull request #17 from jwenger100/consulting-site-updates

Spacing updates
jwenger100 · Mar 4, 2024 · cf0a992 · cf0a992
2 parents 00e5d5d + eddd121
commit cf0a992
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 3 deletions.
diff --git a/src/app/components/About.tsx b/src/app/components/About.tsx
@@ -35,6 +35,7 @@ export function About() {
                   className={classes.title}
                   c={"var(--cc-text-color)"}
                   ta={"center"}
+                  mt={"var(--mantine-spacing-xs)"}
                 >
                   Who We Are{" "}
                 </Title>

diff --git a/src/app/components/Projects.tsx b/src/app/components/Projects.tsx
@@ -13,7 +13,10 @@ import {
   rem,
 } from "@mantine/core";
 import { useMediaQuery } from "@mantine/hooks";
-
+import {
+  IconArrowsDiagonal,
+  IconArrowsDiagonalMinimize,
+} from "@tabler/icons-react";
 import Autoplay from "embla-carousel-autoplay";
 import { Carousel, Embla, useAnimationOffsetEffect } from "@mantine/carousel";
 import "@mantine/carousel/styles.css";
@@ -376,6 +379,10 @@ const ProjectsCard = ({ article }: { article: any }) => {
           className={classes.closeButton}
         >
           Close
+          <IconArrowsDiagonalMinimize
+            size={14}
+            style={{ marginLeft: "8px", marginBottom: "3px" }}
+          />
         </Button>
       </Modal>
 
@@ -412,6 +419,10 @@ const ProjectsCard = ({ article }: { article: any }) => {
             className={classes.viewProjectbutton}
           >
             View Project
+            <IconArrowsDiagonal
+              size={14}
+              style={{ marginLeft: "8px", marginBottom: "3px" }}
+            />
           </Button>
         </Box>
       </Card>

diff --git a/src/app/components/Testimonials.module.css b/src/app/components/Testimonials.module.css
@@ -50,13 +50,13 @@
 }
 
 .testimonialCardAnimation {
-  @media (max-width: $mantine-breakpoint-sm) {
+  @media (max-width: $mantine-breakpoint-lg) {
     margin-top: 45px;
   }
 }
 
 .testimonialCardAnimation:first-of-type {
-  @media (max-width: $mantine-breakpoint-sm) {
+  @media (max-width: $mantine-breakpoint-lg) {
     margin-top: 0;
   }
 }