Skip to content

Commit

Permalink
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #125 from bnb-chain/widget/ex-classname
Browse files Browse the repository at this point in the history
fix: Fix token list class name
Halibao-Lala authored Nov 13, 2024

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature.
2 parents c5f7ade + 5e813fc commit 173fcc1
Showing 8 changed files with 19 additions and 7 deletions.
Original file line number Diff line number Diff line change
@@ -133,6 +133,12 @@ export const ThemeProvider = ({ children }: ThemeProviderProps) => {
color: 'red',
borderColor: '#83a6ac',
},
'.bccb-widget-from-network-modal-search, .bccb-widget-token-modal-header-search': {
'& svg': {
width: '30px',
height: '30px',
},
},
'.bccb-widget-token-address-link .token-name': {
color: 'black',
bg: 'white',
3 changes: 3 additions & 0 deletions packages/canonical-bridge-widget/docs/Custom Themes.md
Original file line number Diff line number Diff line change
@@ -71,8 +71,10 @@ export const ThemeProvider = ({ children }: ThemeProviderProps) => {
- bccb-widget-network-title
- bccb-widget-network-row
- bccb-widget-network-from
- bccb-widget-network-from-title
- bccb-widget-network-button
- bccb-widget-network-to
- bccb-widget-network-to-title
- bccb-widget-network-name

3. Bridge Route Section
@@ -199,6 +201,7 @@ export const ThemeProvider = ({ children }: ThemeProviderProps) => {

- bccb-widget-modal-close-button
- bccb-widget-modal-main-button
- bccb-widget-modal-secondary-button
- bccb-widget-modal-second-button
- bccb-widget-modal-body
- bccb-widget-modal-body-icon
Original file line number Diff line number Diff line change
@@ -152,6 +152,7 @@ export function StateModal(props: StateModalProps) {
closeButton
) : (
<Button
className="bccb-widget-modal-second-button"
size="lg"
w={'100%'}
fontSize={'16px'}
Original file line number Diff line number Diff line change
@@ -57,7 +57,7 @@ export function ChooseTokenModal(props: ChooseTokenModalProps) {

return (
<BaseModal
className="bccb-widget-token-modal-header"
className="bccb-widget-token-modal"
isOpen={isOpen}
onClose={onClose}
title={formatMessage({ id: 'select-modal.token.title' })}
Original file line number Diff line number Diff line change
@@ -23,6 +23,7 @@ export const ListItem = React.forwardRef((props: ListItemProps, ref: any) => {
incompatibleTooltip,

_hover,
className,
...restProps
} = props;

@@ -31,9 +32,9 @@ export const ListItem = React.forwardRef((props: ListItemProps, ref: any) => {
const { formatMessage } = useIntl();

return (
<Box className={`bccb-widget-select-list-wrapper`} ref={ref} p="0 20px 8px">
<Box className={`${className}-wrapper`} ref={ref} p="0 20px 8px">
<Flex
className={`bccb-widget-select-list` + isDisabled ? '-disabled' : ''}
className={`${className}` + isDisabled ? '-disabled' : ''}
borderRadius={'8px'}
px={'12px'}
py="8px"
@@ -66,7 +67,7 @@ export const ListItem = React.forwardRef((props: ListItemProps, ref: any) => {
</Flex>
{showTag && isDisabled && (
<Flex
className={`bccb-widget-select-list-item-tag`}
className={`${className}-tag`}
alignItems="center"
flexShrink={0}
fontSize={'12px'}
Original file line number Diff line number Diff line change
@@ -23,7 +23,7 @@ export function FromSection() {
h={'48px'}
>
<Flex
className="bccb-widget-network-title"
className="bccb-widget-network-from-title"
alignItems="center"
justifyContent={'space-between'}
display={{ base: 'flex', md: 'none' }}
Original file line number Diff line number Diff line change
@@ -22,7 +22,7 @@ export function ToSection() {
h={'48px'}
>
<Flex
className="bccb-widget-network-title"
className="bccb-widget-network-to-title"
alignItems="center"
justifyContent={'space-between'}
display={{ base: 'flex', md: 'none' }}
Original file line number Diff line number Diff line change
@@ -19,13 +19,14 @@ export function ConnectButton(props: ConnectButtonProps) {

return (
<Flex
className="bccb-widget-header-wallet-connect-button"
className="bccb-widget-header-wallet-connect"
alignItems="center"
gap={'16px'}
{...restProps}
>
{!isConnected && (
<Button
className="bccb-widget-header-wallet-connect-button"
variant="outline"
h={'40px'}
px={'16px'}

0 comments on commit 173fcc1

Please sign in to comment.