wallet-connect-web-examples/wallets/react-wallet-v2/public/main.css

81 lines
1.4 KiB
CSS
Raw Normal View History

2022-02-09 14:26:12 +00:00
* {
box-sizing: border-box;
2022-02-15 11:22:26 +00:00
-ms-overflow-style: none;
scrollbar-width: none;
2022-02-09 14:26:12 +00:00
}
2022-02-15 11:22:26 +00:00
::-webkit-scrollbar {
display: none;
2022-02-15 10:55:19 +00:00
}
2022-02-09 13:05:11 +00:00
.routeTransition {
display: flex;
flex: 1;
flex-direction: column;
2022-02-15 11:22:26 +00:00
overflow: hidden;
2022-02-09 13:05:11 +00:00
}
2022-02-09 12:32:32 +00:00
.container {
2022-02-09 13:05:11 +00:00
width: 100%;
2022-02-09 12:32:32 +00:00
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
align-items: center;
}
2022-02-09 13:05:11 +00:00
.qrVideoMask {
2022-02-09 12:32:32 +00:00
width: 100%;
border-radius: 15px;
2022-02-09 13:05:11 +00:00
overflow: hidden !important;
2022-02-09 12:32:32 +00:00
position: relative;
}
2022-02-09 13:05:11 +00:00
.qrPlaceholder {
2022-02-09 12:32:32 +00:00
border: 2px rgba(139, 139, 139, 0.4) dashed;
width: 100%;
border-radius: 15px;
padding: 50px;
}
2022-02-09 13:05:11 +00:00
.qrIcon {
2022-02-09 12:32:32 +00:00
opacity: 0.3;
2022-02-15 13:28:30 +00:00
}
.codeBlock code {
flex: 1;
}
.codeBlock span {
background-color: transparent !important;
overflow: scroll;
2022-02-16 13:46:42 +00:00
}
.navLink {
transition: ease-in-out .2s opacity;
}
.navLink:hover {
opacity: 0.6;
}
select {
background-color: rgba(139, 139, 139, 0.2);
background-image: url(/icons/arrow-down-icon.svg);
background-size: 15px 15px;
background-position: right 10px center;
background-repeat: no-repeat;
padding: 5px 30px 6px 10px;
border-radius: 10px;
cursor: pointer;
border: none;
appearance: none;
transition: .2s ease-in-out background-color;
font-family: var(--nextui-fonts-sans);
font-weight: var(--nextui-fontWeights-light);
border: 1px solid rgba(139, 139, 139, 0.25);
}
select:hover {
background-color: rgba(139, 139, 139, 0.35);
2022-02-09 12:32:32 +00:00
}