LaconicNetwork/vega-frontend-monorepo
4
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Feat/183 explorer link colours (#203)

Browse Source 
* shift to pink instead of yellow for light theme

* frontend-monorepo-183 Trial removing link colour entirely, just bold and underlined
This commit is contained in:
Sam Keen 2022-04-12 09:00:50 +01:00 committed by GitHub
parent c588745819
commit c81766dd20
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 4 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/explorer/src/app/components/blocks/block-data.tsx
View File

@ -25,7 +25,7 @@ export const BlockData = ({ block, className }: BlockProps) => {
> >
<Link <Link
to={`/${Routes.BLOCKS}/${block.header?.height}`} to={`/${Routes.BLOCKS}/${block.header?.height}`}
className="text-vega-yellow" className="font-bold underline"
> >
{block.header?.height} {block.header?.height}
</Link> </Link>

6
apps/explorer/src/app/components/highlighted-link/index.tsx
View File

@ -11,11 +11,7 @@ export const HighlightedLink = ({
...props ...props
}: HighlightedLinkProps) => { }: HighlightedLinkProps) => {
return ( return (
<Link <Link className="font-bold underline" to={to} {...props}>
className="font-bold underline dark:text-vega-yellow dark:font-normal dark:no-underline"
to={to}
{...props}
>
{text} {text}
</Link> </Link>
); );

2
apps/explorer/src/app/components/table/index.tsx
View File

@ -74,7 +74,7 @@ export const TableRow = ({
}: TableRowProps) => { }: TableRowProps) => {
const cellClasses = classnames(className, { const cellClasses = classnames(className, {
'border-b border-black-40 dark:border-white-40': modifier === 'bordered', 'border-b border-black-40 dark:border-white-40': modifier === 'bordered',
'border-b-4 bg-black-40 border-b-white dark:bg-white-25 dark:border-b-black': 'border-b-4 bg-black-25 border-b-white dark:bg-white-25 dark:border-b-black':
modifier === 'background', modifier === 'background',
}); });
return ( return (

2
apps/explorer/src/app/components/truncate/truncated-link.tsx
View File

@ -20,7 +20,7 @@ export const TruncatedLink = ({
text={text} text={text}
startChars={startChars} startChars={startChars}
endChars={endChars} endChars={endChars}
className="font-mono font-bold underline dark:text-vega-yellow dark:font-normal dark:no-underline" className="font-mono font-bold underline"
/> />
</Link> </Link>
); );