调整横屏下walletconnect的展现

This commit is contained in:
cebgcontract 2022-04-01 14:51:48 +08:00
parent 9d8e9612cb
commit dc72c20dd1

View File

@ -82,11 +82,12 @@ export default class NativeLogin extends Vue {
<style lang="scss"> <style lang="scss">
@media all and (orientation : landscape) { @media all and (orientation : landscape) {
#walletconnect-qrcode-modal { #walletconnect-qrcode-modal {
padding: unset;
.walletconnect-modal__base { .walletconnect-modal__base {
top: -20%; top: 0;
max-width: 40%; height: calc(100vh - 48px);
width: calc(77vh - 48px);
transform: translateY(0); transform: translateY(0);
border-radius: unset;
.walletconnect-modal__header{ .walletconnect-modal__header{
left: 115%; left: 115%;
top: 30px; top: 30px;