Skip to content

F
frontend
Commit 325e6425 authored by isstuev's avatar isstuev
Browse files
Options

dark contract icon

parent fb4d2497
Show whitespace changes
Inline Side-by-side
Showing with 6 additions and 3 deletions
ui/shared/address/AddressContractIcon.tsx
View file @ 325e6425
import { Box, chakra, Tooltip } from '@chakra-ui/react'; import { Box, chakra, Tooltip, useColorModeValue } from '@chakra-ui/react';
import React from 'react'; import React from 'react';
type Props = { type Props = {
...@@ -6,6 +6,9 @@ type Props = { ...@@ -6,6 +6,9 @@ type Props = {
} }
const AddressContractIcon = ({ className }: Props) => { const AddressContractIcon = ({ className }: Props) => {
const bgColor = useColorModeValue('gray.200', 'gray.600');
const color = useColorModeValue('gray.400', 'gray.200');
return ( return (
<Tooltip label="Contract"> <Tooltip label="Contract">
<Box <Box
...@@ -13,8 +16,8 @@ const AddressContractIcon = ({ className }: Props) => { ...@@ -13,8 +16,8 @@ const AddressContractIcon = ({ className }: Props) => {
width="24px" width="24px"
height="24px" height="24px"
borderRadius="12px" borderRadius="12px"
backgroundColor="gray.200" backgroundColor={ bgColor }
color="gray.400" color={ color }
display="inline-flex" display="inline-flex"
alignItems="center" alignItems="center"
justifyContent="center" justifyContent="center"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment