Refactor popup styles for improved layout and responsiveness
This commit is contained in:
parent
042854c03d
commit
b303575bb3
13
css/main.css
13
css/main.css
@ -2794,18 +2794,17 @@ sm-popup::part(popup) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
sm-popup::part(popup-container) {
|
sm-popup::part(popup-container) {
|
||||||
padding: 5vh 1rem 5vh 1rem !important;
|
padding: 2rem 1rem 1rem 1rem !important;
|
||||||
align-items: flex-start !important;
|
align-items: flex-start !important;
|
||||||
justify-content: center !important;
|
justify-content: center !important;
|
||||||
overflow-y: auto !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
sm-popup::part(popup) {
|
sm-popup::part(popup) {
|
||||||
max-height: none !important;
|
max-height: 75vh !important;
|
||||||
margin: 0 auto !important;
|
margin: 10vh auto 5vh auto !important;
|
||||||
min-width: auto !important;
|
min-width: auto !important;
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
overflow: visible !important;
|
overflow-y: auto !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.transaction-details {
|
.transaction-details {
|
||||||
@ -3250,8 +3249,8 @@ sm-popup::part(popup) {
|
|||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.modern-popup-container {
|
.modern-popup-container {
|
||||||
max-height: none !important;
|
max-height: 75vh !important;
|
||||||
margin: 0 auto !important;
|
margin: 10vh auto 10vh auto !important;
|
||||||
position: relative !important;
|
position: relative !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -468,7 +468,6 @@ function convertWIFtoRippleWallet(wif) {
|
|||||||
keyBuffer = keyBuffer.slice(0, -1); // remove compression flag
|
keyBuffer = keyBuffer.slice(0, -1); // remove compression flag
|
||||||
}
|
}
|
||||||
const data = xrpl.Wallet.fromEntropy(keyBuffer);
|
const data = xrpl.Wallet.fromEntropy(keyBuffer);
|
||||||
|
|
||||||
|
|
||||||
return {
|
return {
|
||||||
address: data.address,
|
address: data.address,
|
||||||
@ -493,7 +492,7 @@ async function sendXRP() {
|
|||||||
const senderKey = senderKeyElement.value;
|
const senderKey = senderKeyElement.value;
|
||||||
const destination = destinationElement.value;
|
const destination = destinationElement.value;
|
||||||
const amount = amountElement.value;
|
const amount = amountElement.value;
|
||||||
|
|
||||||
// Validation
|
// Validation
|
||||||
if (!senderKey) return notify("Please enter your private key", "error");
|
if (!senderKey) return notify("Please enter your private key", "error");
|
||||||
if (!destination) return notify("Please enter recipient address", "error");
|
if (!destination) return notify("Please enter recipient address", "error");
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user