Files
explore/ui/shared/TextSeparator.tsx
tom goriunovandGitHub 28b9b27e8b Update styles for detailed views on mobile and more (#2875)
* update styles of tx details

* common color for text separator

* remove bold fontWeight from some details items

* address, block, token, pool, user ops details pages

* refactor chain-specific views

* unify grid column template for detailed views

* remove TODO

* update margins for text separator

* update screenshots

* update margin between icon and text for mobile

* rename prop

* update layout of decoded input data

* update screenshots

* fix tac operation and zilliqa quorum snippets
2025-08-12 22:56:03 +02:00

10 lines
372 B
TypeScript

import type { HTMLChakraProps } from '@chakra-ui/react';
import { chakra } from '@chakra-ui/react';
import React from 'react';
const TextSeparator = ({ id, ...props }: HTMLChakraProps<'span'> & { id?: string }) => {
return <chakra.span mx={{ base: 2, lg: 3 }} id={ id } { ...props } color="border.divider">|</chakra.span>;
};
export default React.memo(TextSeparator);