UNPKG

@particle-network/connectkit

Version:
210 lines (205 loc) 4.6 kB
"use client"; import { __esm } from "./chunk-Y7A564BU.mjs"; // src/pages/walletInfo/styles.ts import { css, styled } from "styled-components"; var StyleModalContainer, StyleAddressInfo, StyleWalletInfo, StyleWalletInfoLeft, StyleWalletIcon, StyleWalletText, StyleWalletInfoRight, StyleBalance, StyleRefreshIcon, StyleActions, StyleActionIcon, StyleActionText, StyleFooter, StyleFooterLabel, WalletIconWrapper, StyleTextButton2, StyleChainName, TitleContainer, StyleDisconnectContent, StyleDisconnectLoading, StyleShareContent; var init_styles = __esm({ "src/pages/walletInfo/styles.ts"() { "use strict"; StyleModalContainer = styled.div``; StyleAddressInfo = styled.div` display: flex; gap: 8px; align-items: center; font-size: 16px; color: var(--pcm-body-color); overflow: hidden; position: relative; top: -6px; .copied-0 { svg { /* opacity: 0.8 !important; */ } } `; StyleWalletInfo = styled.div` display: flex; justify-content: space-between; align-items: center; border-radius: var(--pcm-rounded-lg); padding: 10px 14px; margin-bottom: 30px; color: var(--pcm-body-color); background: var(--pcm-body-background-tertiary); position: relative; gap: 10px; `; StyleWalletInfoLeft = styled.div` display: flex; align-items: center; gap: 8px; height: 26px; flex: 1; overflow: hidden; cursor: ${(props) => props.selected ? "pointer" : "default"}; `; StyleWalletIcon = styled.img` width: 22px; height: 22px; `; StyleWalletText = styled.div` font-size: 14px; display: flex; gap: 8px; align-items: center; position: relative; svg { position: relative; width: 10px; top: 1px; } `; StyleWalletInfoRight = styled.div` display: flex; align-items: center; gap: 6px; `; StyleBalance = styled.div` font-size: 14px; color: var(--pcm-body-color-secondary); /* 强制不换行 */ white-space: nowrap; `; StyleRefreshIcon = styled.div` cursor: pointer; `; StyleActions = styled.div` display: flex; flex-direction: column; gap: 10px; border-bottom: 1px solid var(--pcm-button-border-color); padding-bottom: 30px; `; StyleActionIcon = styled.img` width: 20px; height: 20px; margin-right: 10px; `; StyleActionText = styled.div` font-size: 16px; color: var(--pcm-body-color); `; StyleFooter = styled.div` display: flex; justify-content: space-between; align-items: center; margin-top: 30px; margin-bottom: 10px; `; StyleFooterLabel = styled.div` font-size: 14px; cursor: pointer; `; WalletIconWrapper = styled.div` height: 26px; width: 26px; display: flex; align-items: center; justify-content: center; svg { width: 100%; } `; StyleTextButton2 = styled.div` color: var(--pcm-body-color-secondary); svg { color: var(--pcm-body-color-secondary); } opacity: 1; cursor: pointer; &:hover { color: var(--pcm-primary-button-bankground); svg { color: var(--pcm-primary-button-bankground); } } ${({ $disconnectLoading }) => $disconnectLoading && css` opacity: 0.6; pointer-events: none; &:hover { color: var(--pcm-body-color-secondary); svg { color: var(--pcm-body-color-secondary); } } `} `; StyleChainName = styled.div` font-size: 14px; color: var(--pcm-body-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; `; TitleContainer = styled.div` pointer-events: all; position: absolute; left: 24px; bottom: 4px; display: flex; flex-direction: column; justify-content: center; align-items: center; `; StyleDisconnectContent = styled.div` position: relative; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; left: 3px; `; StyleDisconnectLoading = styled.div` position: absolute; width: 16px; height: 16px; top: 50%; left: 11px; transform: translate(-50%, -50%); `; StyleShareContent = styled.div` position: relative; top: -1px; left: -4px; height: 24px; display: flex; align-items: center; `; } }); export { StyleModalContainer, StyleAddressInfo, StyleWalletInfo, StyleWalletInfoLeft, StyleWalletIcon, StyleWalletText, StyleWalletInfoRight, StyleBalance, StyleActions, StyleActionIcon, StyleActionText, StyleFooter, StyleFooterLabel, StyleTextButton2, StyleChainName, TitleContainer, StyleDisconnectContent, StyleDisconnectLoading, StyleShareContent, init_styles }; //# sourceMappingURL=chunk-S6VSJLH4.mjs.map