reya/lume
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

migrated icons to radix-icons

Browse Source
This commit is contained in:
Ren Amamiya
2023-02-24 09:16:38 +07:00
parent c45ad04d87
commit f6d687cec9
36 changed files with 47 additions and 406 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/index.tsx
View File

@@ -3,7 +3,7 @@ import FullLayout from '@layouts/fullLayout';
import CheckAccount from '@components/checkAccount';
import LumeIcon from '@assets/icons/Lume';
import LumeSymbol from '@assets/icons/Lume';
import { motion } from 'framer-motion';
import {
@@ -60,7 +60,7 @@ export default function Page() {
<div>{/* spacer */}</div>
<div className="flex flex-col items-center gap-4">
<motion.div layoutId="logo" className="relative">
<LumeIcon className="h-16 w-16 text-white" />
<LumeSymbol className="h-16 w-16 text-white" />
</motion.div>
<div className="flex flex-col items-center gap-0.5">
<motion.h2

9
src/pages/onboarding/create.tsx
View File

@@ -4,8 +4,7 @@ import OnboardingLayout from '@layouts/onboardingLayout';
import { currentUser } from '@stores/currentUser';
import EyeIcon from '@assets/icons/Eye';
import { EyeClosedIcon, EyeOpenIcon } from '@radix-ui/react-icons';
import { motion } from 'framer-motion';
import Image from 'next/image';
import { useRouter } from 'next/router';
@@ -149,7 +148,11 @@ export default function Page() {
<button
onClick={() => showNsec()}
className="group absolute right-2 top-1/2 -translate-y-1/2 transform rounded p-1 hover:bg-zinc-700">
<EyeIcon className="h-5 w-5 text-zinc-500 group-hover:text-zinc-200" />
{type === 'password' ? (
<EyeClosedIcon className="h-5 w-5 text-zinc-500 group-hover:text-zinc-200" />
) : (
<EyeOpenIcon className="h-5 w-5 text-zinc-500 group-hover:text-zinc-200" />
)}
</button>
</div>
</div>

4
src/pages/onboarding/following.tsx
View File

@@ -7,9 +7,9 @@ import { truncate } from '@utils/truncate';
import { currentUser } from '@stores/currentUser';
import data from '@assets/directory.json';
import CheckCircleIcon from '@assets/icons/CheckCircle';
import { useStore } from '@nanostores/react';
import { CheckCircledIcon } from '@radix-ui/react-icons';
import { motion } from 'framer-motion';
import Image from 'next/image';
import { useRouter } from 'next/router';
@@ -97,7 +97,7 @@ export default function Page() {
</div>
<div>
{follow.includes(item.npub) ? (
<CheckCircleIcon className="h-4 w-4 text-green-500" />
<CheckCircledIcon className="h-4 w-4 text-green-500" />
) : (
<></>
)}