style: fix darkmode styling and remove techtalks (#1040)

Co-authored-by: Mats Jun <[email protected]> Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Jo Gramnæs Tjernshaugen <[email protected]> Co-authored-by: Sondre Alfnes <[email protected]> Co-authored-by: Sondre Alfnes <[email protected]>
dotkom · Oct 16, 2024 · 43abb48 · 43abb48
1 parent dd7591b
commit 43abb48
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 30 deletions.
diff --git a/apps/web/src/components/views/CompanyInfoView/CompanyInterestProcess.tsx b/apps/web/src/components/views/CompanyInfoView/CompanyInterestProcess.tsx
@@ -11,10 +11,10 @@ const CompanyInterestProcess: FC<CompanyInterestProcessProps> = ({ steps }) => {
       {steps.map((step, index) => (
         <>
           <div key={step} className="mb-1 w-36 flex flex-col items-center z-10 py-3">
-            <Circle size={700 / 15} color="bg-brand">
-              <p className="font-bold text-background">{index + 1}</p>
+            <Circle size={700 / 15} color="bg-brand-lighter">
+              <p className="text-white font-bold text-background">{index + 1}</p>
             </Circle>
-            <p className="text-brand text-center text-xl font-semibold mt-9 md:mt-14">{step}</p>
+            <p className="text-brand-lighter text-center text-xl font-semibold mt-9 md:mt-14">{step}</p>
           </div>
           {index !== steps.length - 1 && (
             <svg

diff --git a/apps/web/src/components/views/CompanyInfoView/OurProducts.tsx b/apps/web/src/components/views/CompanyInfoView/OurProducts.tsx
@@ -1,7 +1,6 @@
 import BedpressIcon from "@/components/icons/BedpressIcon"
 import ItexIcon from "@/components/icons/ItexIcon"
 import OfflineIcon from "@/components/icons/OfflineIcon"
-import TechtalksIcon from "@/components/icons/TechtalksIcon"
 import UtlysningIcon from "@/components/icons/UtlysningIcon"
 import { Text } from "@dotkomonline/ui"
 
@@ -14,10 +13,6 @@ const PRODUCTS = [
     name: "Bedriftsarrangement",
     icon: BedpressIcon,
   },
-  {
-    name: "Tech Talks",
-    icon: TechtalksIcon,
-  },
   {
     name: "Stillingsutlysning",
     icon: UtlysningIcon,
@@ -29,15 +24,13 @@ const PRODUCTS = [
 ] as const
 
 const OurProducts = () => (
-  <div className="flex flex-col justify-center">
-    <div className="flex flex-wrap max-w-[600px] justify-evenly items-center">
-      {PRODUCTS.map((product) => (
-        <div key={product.name} className="flex flex-col px-10 pb-8 justify-center">
-          <product.icon className="h-[50px] lg:h-[100px]" fill="#0D5474" stroke="#0D5474" />
-          <Text className="font-bold text-brand">{product.name}</Text>
-        </div>
-      ))}
-    </div>
+  <div className="columns-2 md:flex md:justify-evenly md:gap-20">
+    {PRODUCTS.map((product) => (
+      <div key={product.name} className="flex flex-col pb-8 items-center text-brand-lighter">
+        <product.icon className="h-[50px] lg:h-[100px]" fill="currentColor" stroke="currentColor" />
+        <Text className="font-bold text-current">{product.name}</Text>
+      </div>
+    ))}
   </div>
 )
 

diff --git a/apps/web/src/components/views/CompanyInfoView/index.tsx b/apps/web/src/components/views/CompanyInfoView/index.tsx
@@ -9,7 +9,7 @@ export const CompanyInfoView = () => {
         <div className="mx-auto flex max-w-[768px] flex-col text-center items-center p-4 pb-9">
           <div className="font-fraunces font-extrabold mb-8 mt-5 text-4xl/relaxed lg:text-5xl/tight">
             Er din bedrift på jakt etter skarpe <br />
-            <span className="relative after:content-[''] after:bg-[#FCD49B] after:rounded-full after:absolute after:left-0 after:-bottom-4 after:w-full after:h-4">
+            <span className="relative after:content-[''] after:bg-amber-7 after:rounded-full after:absolute after:left-0 after:-bottom-4 after:w-full after:h-4">
               IT&ndash;studenter?
             </span>
           </div>
@@ -42,21 +42,10 @@ export const CompanyInfoView = () => {
 
       <OurProducts />
 
-      <div className="bg-blue-5 w-full py-10 rounded-lg">
+      <div className="bg-blue-3 w-full py-10 rounded-lg">
         <CompanyInterestProcess steps={["Kartlegging", "Intern Planlegging", "Tilbud", "Sammarbeid"]} />
       </div>
 
-      <div className="max-w-4xl">
-        <h2 className="mb-4">Techtalks</h2>
-        <p>
-          Tech Talks har den hensikt å være et årlig arrangement for inspirasjon og faglig påfyll fra næringslivet.
-          Arrangementet pleier å finne sted en gang i midten av februar. Dagen er lagt opp med foredrag, workshops og
-          lyntaler av ulike bedrifter og på kveldstid arrangeres det en bankett. Formatet på arrangementet kan variere
-          fra år til år.
-        </p>
-        <p>Vi begynner å kontakte aktuelle bedrifter for Tech Talks på slutten av høstsemesteret.</p>
-      </div>
-
       <div className="max-w-4xl">
         <h2 className="mb-4">Stillingsutlysning</h2>
         <p>