change colours

derekxu04 · derekxu04 · commit 550bcba48799 · 2024-10-18T17:32:44.000+11:00
diff --git a/frontend/src/components/About/PortfolioDisplay.tsx b/frontend/src/components/About/PortfolioDisplay.tsx
@@ -12,7 +12,7 @@ const PortfolioDisplay = () => {
       <div className="flex justify-between max-w-full h-10 my-6 snap-x snap-mandatory overflow-auto hide-scrollbar">
         {names.map((name) => (
           <button 
-            className={`grow text-center border border-white ${name === selectedPortfolio ? "bg-blue-400" : "bg-blue-700"} p-2`} 
+            className={`grow text-center border border-white ${name === selectedPortfolio ? "bg-[#3977F9]" : ""} p-2`} 
             key={`btn-${name}`}
             onClick={() => setSelectedPortfolio(name)}
           >

Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@ const PortfolioDisplay = () => {`
`12`	`12`	`<div className="flex justify-between max-w-full h-10 my-6 snap-x snap-mandatory overflow-auto hide-scrollbar">`
`13`	`13`	`{names.map((name) => (`
`14`	`14`	`<button`
`15`		- className={`grow text-center border border-white ${name === selectedPortfolio ? "bg-blue-400" : "bg-blue-700"} p-2`}
	`15`	+ className={`grow text-center border border-white ${name === selectedPortfolio ? "bg-[#3977F9]" : ""} p-2`}
`16`	`16`	key={`btn-${name}`}
`17`	`17`	`onClick={() => setSelectedPortfolio(name)}`
`18`	`18`	`>`