formatting
This commit is contained in:
parent
6f844d1255
commit
acb11e29fd
1 changed files with 13 additions and 11 deletions
|
@ -1,22 +1,24 @@
|
|||
---
|
||||
import { FaGear, FaMicrochip, FaCode } from "react-icons/fa6";
|
||||
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%]">
|
||||
{title}
|
||||
</p>
|
||||
<ul class="text-[1vw] font-light">
|
||||
{list.map((item)=>(
|
||||
<li>• {item}</li>
|
||||
))}
|
||||
{list.map((item) => <li>• {item}</li>)}
|
||||
</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">
|
||||
{title==="Mechanical" && <FaGear />}
|
||||
{title==="Electrical" && <FaMicrochip />}
|
||||
{title==="AI" && <LuBrainCircuit />}
|
||||
{title==="Embedded" && <FaCode />}
|
||||
<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"
|
||||
>
|
||||
{title === "Mechanical" && <FaGear />}
|
||||
{title === "Electrical" && <FaMicrochip />}
|
||||
{title === "AI" && <LuBrainCircuit />}
|
||||
{title === "Embedded" && <FaCode />}
|
||||
</div>
|
||||
</div>
|
Loading…
Reference in a new issue