diff options
Diffstat (limited to 'src/core/components/elements')
| -rw-r--r-- | src/core/components/elements/Badge/Badge.jsx | 29 | ||||
| -rw-r--r-- | src/core/components/elements/Link/Link.jsx | 2 | ||||
| -rw-r--r-- | src/core/components/elements/Navbar/NavbarDesktop.jsx | 6 | ||||
| -rw-r--r-- | src/core/components/elements/Navbar/Search.jsx | 2 |
4 files changed, 5 insertions, 34 deletions
diff --git a/src/core/components/elements/Badge/Badge.jsx b/src/core/components/elements/Badge/Badge.jsx deleted file mode 100644 index e50cdc78..00000000 --- a/src/core/components/elements/Badge/Badge.jsx +++ /dev/null @@ -1,29 +0,0 @@ -const Badge = ({ children, type, ...props }) => { - return ( - <div - {...props} - className={`${badgeStyle(type)} ${props?.className}`} - > - {children} - </div> - ) -} - -Badge.defaultProps = { - className: '' -} - -const badgeStyle = (type) => { - let className = ['rounded px-1 text-[11px]'] - switch (type) { - case 'solid-red': - className.push('bg-red_r-11 text-white') - break - case 'light': - className.push('bg-gray_r-4 text-gray_r-11') - break - } - return className.join(' ') -} - -export default Badge diff --git a/src/core/components/elements/Link/Link.jsx b/src/core/components/elements/Link/Link.jsx index 05859639..360444a6 100644 --- a/src/core/components/elements/Link/Link.jsx +++ b/src/core/components/elements/Link/Link.jsx @@ -13,7 +13,7 @@ const Link = ({ children, ...props }) => { <NextLink {...props} scroll={false} - className={`block font-medium text-red_r-11 ${props?.className || ''}`} + className={`block font-medium text-danger-500 ${props?.className || ''}`} > {children} </NextLink> diff --git a/src/core/components/elements/Navbar/NavbarDesktop.jsx b/src/core/components/elements/Navbar/NavbarDesktop.jsx index c01cb777..0bc9e967 100644 --- a/src/core/components/elements/Navbar/NavbarDesktop.jsx +++ b/src/core/components/elements/Navbar/NavbarDesktop.jsx @@ -22,7 +22,7 @@ const NavbarDesktop = () => { return ( <DesktopView> - <div className='py-3 bg-yellow_r-10/80' id='desktop-nav-top'> + <div className='py-3 bg-warning-400' id='desktop-nav-top'> <div className='container mx-auto flex justify-between'> <Link href='/' className='!text-gray_r-12'> Tentang Indoteknik.com @@ -129,13 +129,13 @@ const NavbarDesktop = () => { <> <Link href='/login' - className='flex-1 flex justify-center items-center bg-red_r-11 !text-gray_r-1 rounded-none' + className='flex-1 flex justify-center items-center bg-danger-500 !text-gray_r-1 rounded-none' > Masuk </Link> <Link href='/register' - className='flex-1 flex justify-center items-center bg-red_r-11 !text-gray_r-1 rounded-none rounded-tr-xl' + className='flex-1 flex justify-center items-center bg-danger-500 !text-gray_r-1 rounded-none rounded-tr-xl' > Daftar </Link> diff --git a/src/core/components/elements/Navbar/Search.jsx b/src/core/components/elements/Navbar/Search.jsx index 32a8d170..d0627b24 100644 --- a/src/core/components/elements/Navbar/Search.jsx +++ b/src/core/components/elements/Navbar/Search.jsx @@ -73,7 +73,7 @@ const Search = () => { <Link href={`/shop/search?q=${suggestion.term}`} key={index} - className='px-3 py-3 !text-gray_r-12 font-normal hover:bg-yellow_r-4' + className='px-3 py-3 !text-gray_r-12 font-normal' > {suggestion.term} </Link> |
