UNPKG

@particle-network/connectkit

Version:

particle.network

8 lines (7 loc) • 5.75 kB
1
2
3
4
5
6
7
8
{ "version": 3, "sources": ["../../src/pages/walletInfo/styles.ts"], "sourcesContent": ["import { css, styled } from 'styled-components';\n\nexport const StyleModalContainer = styled.div``;\n\nexport const StyleAddressInfo = styled.div`\n display: flex;\n gap: 8px;\n align-items: center;\n font-size: 16px;\n color: var(--pcm-body-color);\n overflow: hidden;\n position: relative;\n top: -6px;\n .copied-0 {\n svg {\n /* opacity: 0.8 !important; */\n }\n }\n`;\n\nexport const StyleWalletInfo = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: var(--pcm-rounded-lg);\n padding: 10px 14px;\n margin-bottom: 30px;\n color: var(--pcm-body-color);\n background: var(--pcm-body-background-tertiary);\n position: relative;\n gap: 10px;\n`;\n\ninterface StyleSwitchNetworkProps {\n selected?: boolean;\n}\nexport const StyleWalletInfoLeft = styled.div<StyleSwitchNetworkProps>`\n display: flex;\n align-items: center;\n gap: 8px;\n height: 26px;\n flex: 1;\n overflow: hidden;\n cursor: ${(props) => (props.selected ? 'pointer' : 'default')};\n`;\n\nexport const StyleWalletIcon = styled.img`\n width: 22px;\n height: 22px;\n`;\n\nexport const StyleWalletText = styled.div`\n font-size: 14px;\n display: flex;\n gap: 8px;\n align-items: center;\n position: relative;\n svg {\n position: relative;\n width: 10px;\n top: 1px;\n }\n`;\n\nexport const StyleWalletInfoRight = styled.div`\n display: flex;\n align-items: center;\n gap: 6px;\n`;\n\nexport const StyleBalance = styled.div`\n font-size: 14px;\n color: var(--pcm-body-color-secondary);\n /* \u5F3A\u5236\u4E0D\u6362\u884C */\n white-space: nowrap;\n`;\n\nexport const StyleRefreshIcon = styled.div`\n cursor: pointer;\n`;\n\nexport const StyleActions = styled.div`\n display: flex;\n flex-direction: column;\n gap: 10px;\n border-bottom: 1px solid var(--pcm-button-border-color);\n padding-bottom: 30px;\n`;\n\nexport const StyleActionIcon = styled.img`\n width: 20px;\n height: 20px;\n margin-right: 10px;\n`;\n\nexport const StyleActionText = styled.div`\n font-size: 16px;\n color: var(--pcm-body-color);\n`;\n\nexport const StyleFooter = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 30px;\n margin-bottom: 10px;\n`;\n\nexport const StyleFooterLabel = styled.div`\n font-size: 14px;\n cursor: pointer;\n`;\n\nexport const WalletIconWrapper = styled.div`\n height: 26px;\n width: 26px;\n display: flex;\n align-items: center;\n justify-content: center;\n svg {\n width: 100%;\n }\n`;\n\nexport const StyleTextButton2 = styled.div<{ $disconnectLoading?: boolean }>`\n color: var(--pcm-body-color-secondary);\n svg {\n color: var(--pcm-body-color-secondary);\n }\n opacity: 1;\n cursor: pointer;\n\n &:hover {\n color: var(--pcm-primary-button-bankground);\n svg {\n color: var(--pcm-primary-button-bankground);\n }\n }\n\n ${({ $disconnectLoading }) =>\n $disconnectLoading &&\n css`\n opacity: 0.6;\n pointer-events: none;\n &:hover {\n color: var(--pcm-body-color-secondary);\n svg {\n color: var(--pcm-body-color-secondary);\n }\n }\n `}\n`;\n\nexport const StyleChainName = styled.div`\n font-size: 14px;\n color: var(--pcm-body-color);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n`;\n\nexport const TitleContainer = styled.div`\n pointer-events: all;\n position: absolute;\n left: 24px;\n bottom: 4px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n`;\n\nexport const StyleDisconnectContent = styled.div`\n position: relative;\n width: 25px;\n height: 25px;\n display: flex;\n align-items: center;\n justify-content: center;\n left: 3px;\n`;\n\nexport const StyleDisconnectLoading = styled.div`\n position: absolute;\n width: 16px;\n height: 16px;\n top: 50%;\n left: 11px;\n transform: translate(-50%, -50%);\n`;\n\nexport const StyleShareContent = styled.div`\n position: relative;\n top: -1px;\n left: -4px;\n height: 24px;\n display: flex;\n align-items: center;\n`;\n"], "mappings": ";;;;;;AAAA,SAAS,KAAK,cAAc;AAA5B,IAEa,qBAEA,kBAgBA,iBAgBA,qBAUA,iBAKA,iBAaA,sBAMA,cAOA,kBAIA,cAQA,iBAMA,iBAKA,aAQA,kBAKA,mBAWA,kBA6BA,gBAQA,gBAWA,wBAUA,wBASA;AA/Lb;AAAA;AAAA;AAEO,IAAM,sBAAsB,OAAO;AAEnC,IAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBhC,IAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgB/B,IAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAO9B,CAAC,UAAW,MAAM,WAAW,YAAY;AAAA;AAG9C,IAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAK/B,IAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAa/B,IAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA;AAMpC,IAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO5B,IAAM,mBAAmB,OAAO;AAAA;AAAA;AAIhC,IAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ5B,IAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAM/B,IAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAK/B,IAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ3B,IAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAKhC,IAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWjC,IAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAenC,CAAC,EAAE,mBAAmB,MACtB,sBACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYG,IAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ9B,IAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW9B,IAAM,yBAAyB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUtC,IAAM,yBAAyB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAStC,IAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;", "names": [] }