🎯 回首頁

• 前端行動家_0505class
  • accout
  • dashboards
  • arrow

前端行動家_0505class

accout

<Account>
    <img src={headphoto} alt="headphoto" className="headphoto"></img>
    <p> Janice </p>
</Account>

.headphoto{
  width: 24px;
  height: 24px;
  border-radius: 64px;
  margin-right: 8px;
}

dashboards

import { BsPieChart } from "react-icons/bs";
import { BiFolder, BiBookOpen, BiShoppingBag } from "react-icons/bi";
import { TbBrandWechat, TbNotebook } from "react-icons/tb";
import { FaPeopleArrows, FaUser } from "react-icons/fa";
import { MdSwitchAccount} from "react-icons/md";

arrow

.arrow {
    border: solid rgba(0, 0, 0, 0.2);
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.right{
    transform: rotate(-45deg);
    margin-right: 10px;
}