@mysten/dapp-kit
Version:
A collection of React hooks and components for interacting with the Sui blockchain and wallets.
36 lines (29 loc) • 772 B
text/typescript
// Copyright (c) Mysten Labs, Inc.
// SPDX-License-Identifier: Apache-2.0
import { style } from '@vanilla-extract/css';
import { themeVars } from '../../../themes/themeContract.js';
export const container = style({
display: 'flex',
});
export const walletItem = style({
display: 'flex',
alignItems: 'center',
flexGrow: 1,
padding: 8,
gap: 8,
borderRadius: themeVars.radii.large,
':hover': {
backgroundColor: themeVars.backgroundColors.walletItemHover,
},
});
export const selectedWalletItem = style({
backgroundColor: themeVars.backgroundColors.walletItemSelected,
boxShadow: '0px 2px 6px rgba(0, 0, 0, 0.05)',
});
export const walletIcon = style({
width: 28,
height: 28,
flexShrink: 0,
objectFit: 'cover',
borderRadius: themeVars.radii.small,
});