UNPKG

@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
// 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, });