Merge pull request #792 from StampyAI/melissa-careers-page-fixes-root…

…-fixes root CSS, careers page CSS
StampyAI · Oct 22, 2024 · aa98d61 · aa98d61
2 parents 40ef537 + 06b592b
commit aa98d61
Show file tree

Hide file tree

Showing 6 changed files with 205 additions and 74 deletions.
diff --git a/app/components/CardSmall/cardsmall.css b/app/components/CardSmall/cardsmall.css
@@ -4,7 +4,7 @@
   justify-content: start;
   display: flex;
   flex-direction: column;
-  background-color: var(--colors-cool-grey-100);
+  background-color: var(--colors-white);
   border: 1px solid var(--colors-cool-grey-200);
   border-radius: var(--border-radius);
 }

diff --git a/app/components/CardSmall/index.tsx b/app/components/CardSmall/index.tsx
@@ -19,15 +19,15 @@ export default function CardSmall({
   className,
   iconColor = 'var(--colors-teal-50)',
 }: CardSmallProps) {
-  className = `card-small bordered ${className}`
+  className = `card-small bordered col-4 ${className}`
 
   return (
     <Button action={action} className={className}>
       <div style={{backgroundColor: iconColor}} className="card-small-icon">
         {icon({})}
       </div>
-      <p className="large-bold padding-bottom-8">{title}</p>
-      <p className="grey">{description}</p>
+      <p className="default-bold padding-bottom-8">{title}</p>
+      <p className="grey small">{description}</p>
     </Button>
   )
 }
diff --git a/app/components/HowCanIHelp/HelpItem.tsx b/app/components/HowCanIHelp/HelpItem.tsx
@@ -9,12 +9,12 @@ type HelpItemProps = {
 }
 const HelpItem = ({title, children, links, titleFont = 'large-bold'}: HelpItemProps) => {
   return (
-    <div className="section-split padding-bottom-40">
-      <div>
+    <div className="flexbox padding-bottom-40">
+      <div className="col-6">
         {title && <p className={`padding-bottom-16 ${titleFont}`}>{title}</p>}
         <p className="grey default padding-bottom-16"> {children} </p>
       </div>
-      <div>
+      <div className="col-6">
         {links?.map((link) => (
           <div key={link.title} className="padding-bottom-16">
             <LinkCard action={link.action || '#'} {...link} />

diff --git a/app/components/HowCanIHelp/howcanihelp.css b/app/components/HowCanIHelp/howcanihelp.css
@@ -1,4 +1,4 @@
-.howcanihelp-header {
+/* .howcanihelp-header {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
 }
@@ -36,4 +36,4 @@
   .section-split {
     grid-template-columns: 1fr;
   }
-}
+} */