PenaSide/adminFront
3
0
Fork 0
Code Issues 2 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: user icon

Browse Source
This commit is contained in:
IlyaDoronin 2023-07-28 17:03:42 +03:00
parent 073fce8554
commit 6879e8aba6
2 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/assets/icons/user.svg
View File

@ -1,4 +1,4 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="black">
<path d="M17.25 9C17.25 11.4433 16.1888 13.6378 14.4998 15.1495C13.0397 16.4563 11.1135 17.25 9 17.25C6.88655 17.25 4.96026 16.4563 3.50019 15.1495C1.81118 13.6378 0.75 11.4433 0.75 9C0.75 4.44365 4.44365 0.75 9 0.75C13.5563 0.75 17.25 4.44365 17.25 9Z" stroke-width="1.5"/>
<circle cx="9" cy="7.6001" r="2.25" stroke-width="1.5"/>
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" fill="black">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.4479 15.1701C2.62418 15.3572 2.8084 15.5368 3 15.7083C4.59227 17.1334 6.69494 18 9 18C11.3051 18 13.4077 17.1334 15 15.7083C15.1916 15.5368 15.3758 15.3572 15.5521 15.1701C17.0699 13.559 18 11.3881 18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 11.3881 0.930136 13.559 2.4479 15.1701ZM4.40572 14.9287C5.67542 15.9144 7.26787 16.5 9 16.5C10.7321 16.5 12.3246 15.9144 13.5943 14.9287C12.6863 13.7089 11.2862 12.45 9 12.45C6.71379 12.45 5.31371 13.7089 4.40572 14.9287ZM14.6883 13.8884C13.6143 12.4984 11.8517 10.95 9 10.95C6.14827 10.95 4.38567 12.4984 3.31172 13.8884C2.18127 12.5747 1.5 10.8676 1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9C16.5 10.8676 15.8187 12.5747 14.6883 13.8884Z" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 9.1001C9.82843 9.1001 10.5 8.42852 10.5 7.6001C10.5 6.77167 9.82843 6.1001 9 6.1001C8.17157 6.1001 7.5 6.77167 7.5 7.6001C7.5 8.42852 8.17157 9.1001 9 9.1001ZM9 10.6001C10.6569 10.6001 12 9.25695 12 7.6001C12 5.94324 10.6569 4.6001 9 4.6001C7.34315 4.6001 6 5.94324 6 7.6001C6 9.25695 7.34315 10.6001 9 10.6001Z" />
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 450 B

After

Width:  |  Height:  |  Size: 1.2 KiB

20
src/pages/dashboard/ModalUser/index.tsx
View File

@ -27,10 +27,18 @@ import forwardIcon from "@root/assets/icons/forward.svg";
import type { SyntheticEvent } from "react";
const TABS = [
{ name: "Пользователь", icon: UserIcon },
{ name: "Покупка товаров и услуг", icon: PackageIcon },
{ name: "Транзакции", icon: TransactionsIcon },
{ name: "Верификация", icon: CheckIcon },
{ name: "Пользователь", icon: UserIcon, activeStyles: { fill: "#7E2AEA" } },
{
name: "Покупка товаров и услуг",
icon: PackageIcon,
activeStyles: { stroke: "#7E2AEA" },
},
{
name: "Транзакции",
icon: TransactionsIcon,
activeStyles: { stroke: "#7E2AEA" },
},
{ name: "Верификация", icon: CheckIcon, activeStyles: { stroke: "#7E2AEA" } },
];
const ModalUser = () => {
@ -128,7 +136,7 @@ const ModalUser = () => {
}}
TabIndicatorProps={{ style: { background: "transparent" } }}
>
{TABS.map(({ name, icon: Icon }) => (
{TABS.map(({ name, icon: Icon, activeStyles }) => (
<Tab
icon={<Icon />}
iconPosition="start"
@ -150,7 +158,7 @@ const ModalUser = () => {
borderRadius: "12px",
color: "#7E2AEA",
background: "rgba(126, 42, 234, 0.07)",
"& svg": { stroke: "#7E2AEA" },
"& svg": activeStyles,
},
}}
/>