forks/go-ethereum
1
0
Fork 1
mirror of https://github.com/ethereum/go-ethereum.git synced 2026-05-16 04:56:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

table hover styles

Browse source
This commit is contained in:
Corwin Smith 2022-10-09 12:58:42 -06:00
parent 4f62749ef9
commit 4ebe14a478
2 changed files with 11 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/components/UI/DataTable.tsx
View file

@ -21,8 +21,7 @@ export const DataTable: FC<Props> = ({
}) => { }) => {
return ( return (
<TableContainer <TableContainer
// TODO: Work on firefox implementation of scrollbar styles // Note: This wont work on firefox, we are ok with this.
// Note: This wont work on safari, we are ok with this.
css={{ css={{
"&::-webkit-scrollbar": { "&::-webkit-scrollbar": {
borderTop: '2px solid #11866f', borderTop: '2px solid #11866f',
@ -32,13 +31,11 @@ export const DataTable: FC<Props> = ({
background: "#11866f", background: "#11866f",
}, },
}} }}
p={4} pt={4}
pb={4}
> >
<Table <Table variant='unstyled'>
variant='unstyled' <Thead>
>
<Thead
>
<Tr> <Tr>
{ {
columnHeaders.map((columnHeader, idx) => { columnHeaders.map((columnHeader, idx) => {
@ -46,8 +43,8 @@ export const DataTable: FC<Props> = ({
<Th <Th
key={idx} key={idx}
textTransform='none' textTransform='none'
p={0}
minW={'130.5px'} minW={'130.5px'}
px={4}
> >
<Text <Text
fontFamily='"JetBrains Mono", monospace' fontFamily='"JetBrains Mono", monospace'
@ -69,10 +66,9 @@ export const DataTable: FC<Props> = ({
return ( return (
<Tr <Tr
key={idx} key={idx}
// TODO: Full width for hover
// TODO: Add fade in animation on hover
// TODO: Get new background color from nuno for hover // TODO: Get new background color from nuno for hover
_hover={{background: 'green.50'}} transition={'all 0.5s'}
_hover={{background: 'green.50', transition: 'all 0.5s'}}
> >
{ {
columnHeaders.map((columnHeader, idx) => { columnHeaders.map((columnHeader, idx) => {
@ -80,8 +76,8 @@ export const DataTable: FC<Props> = ({
return ( return (
<Td <Td
key={idx} key={idx}
px={0} px={4}
pr={8} fontSize='13px'
> >
{item[columnHeader.toLowerCase()]} {item[columnHeader.toLowerCase()]}
</Td> </Td>

4
src/pages/downloads.tsx
View file

@ -111,7 +111,6 @@ const DownloadsPage: NextPage = ({}) => {
}}> }}>
<Text <Text
fontFamily='"JetBrains Mono", monospace' fontFamily='"JetBrains Mono", monospace'
// TODO: move to theme colors
fontWeight={700} fontWeight={700}
textTransform='uppercase' textTransform='uppercase'
textAlign='center' textAlign='center'
@ -146,7 +145,6 @@ const DownloadsPage: NextPage = ({}) => {
}}> }}>
<Text <Text
fontFamily='"JetBrains Mono", monospace' fontFamily='"JetBrains Mono", monospace'
// TODO: move to theme colors
fontWeight={700} fontWeight={700}
textTransform='uppercase' textTransform='uppercase'
textAlign='center' textAlign='center'
@ -209,7 +207,7 @@ const DownloadsPage: NextPage = ({}) => {
Similarly you can import all the developer public keys by grabbing them directly from the keyserver network: Similarly you can import all the developer public keys by grabbing them directly from the keyserver network:
</Text> </Text>
{/* TODO: Thees are developer keys, do we need to change? */} {/* TODO: These are developer keys, do we need to change? */}
<Code p={4}> <Code p={4}>
gpg --recv-keys E058A81C 05A5DDF0 1CCB7DD2 gpg --recv-keys E058A81C 05A5DDF0 1CCB7DD2
</Code> </Code>