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