Webmaster/ieeeucsd-org
3
1
Fork 0
Code Issues 11 Pull requests Projects Releases Packages Wiki Activity Actions

formatting

Browse source
This commit is contained in:
chark1es 2025-01-18 03:36:50 -08:00
parent 6f844d1255
commit acb11e29fd
1 changed files with 13 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/components/robocub/Subteam.astro
View file

@ -1,22 +1,24 @@
--- ---
import { FaGear, FaMicrochip, FaCode } from "react-icons/fa6"; import { FaGear, FaMicrochip, FaCode } from "react-icons/fa6";
import { LuBrainCircuit } from "react-icons/lu"; import { LuBrainCircuit } from "react-icons/lu";
const {title, list}=Astro.props; const { title, list } = Astro.props;
--- ---
<div class="px-[10%] relative flex flex-col justify-center items-center w-[20vw] h-[43vh] bg-gradient-to-b from-ieee-blue-100/25 to-ieee-black backdrop-blur rounded-[2vw] border-white/40 border-[0.1vw]"> <div
class="px-[10%] relative flex flex-col justify-center items-center w-[20vw] h-[43vh] bg-gradient-to-b from-ieee-blue-100/25 to-ieee-black backdrop-blur rounded-[2vw] border-white/40 border-[0.1vw]"
>
<p class="text-[1.5vw] mb-[10%] font-semibold pt-[10%]"> <p class="text-[1.5vw] mb-[10%] font-semibold pt-[10%]">
{title} {title}
</p> </p>
<ul class="text-[1vw] font-light"> <ul class="text-[1vw] font-light">
{list.map((item)=>( {list.map((item) => <li>&#8226; {item}</li>)}
<li>&#8226; {item}</li>
))}
</ul> </ul>
<div class="-top-[10%] w-fit p-[5%] shadow-ieee-blue-300 text-[3.2vw] bg-gradient-to-b from-ieee-blue-100 to-ieee-blue-300 rounded-full absolute"> <div
{title==="Mechanical" && <FaGear />} class="-top-[10%] w-fit p-[5%] shadow-ieee-blue-300 text-[3.2vw] bg-gradient-to-b from-ieee-blue-100 to-ieee-blue-300 rounded-full absolute"
{title==="Electrical" && <FaMicrochip />} >
{title==="AI" && <LuBrainCircuit />} {title === "Mechanical" && <FaGear />}
{title==="Embedded" && <FaCode />} {title === "Electrical" && <FaMicrochip />}
{title === "AI" && <LuBrainCircuit />}
{title === "Embedded" && <FaCode />}
</div> </div>
</div> </div>