code refactoring
This commit is contained in:
parent
9a7b55c381
commit
951697a34b
3110
components.js
3110
components.js
File diff suppressed because one or more lines are too long
@ -517,6 +517,10 @@ ol li::before {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.margin-left-auto {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.margin-top-1-5 {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
@ -636,7 +640,7 @@ ol li::before {
|
||||
}
|
||||
|
||||
#main_header {
|
||||
padding: 1.5rem;
|
||||
padding: 1.5rem max(1rem, 4vw);
|
||||
}
|
||||
|
||||
#main_card {
|
||||
|
||||
2
css/main.min.css
vendored
2
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -485,6 +485,9 @@ ol {
|
||||
.margin-left-0-5 {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
.margin-left-auto {
|
||||
margin-left: auto;
|
||||
}
|
||||
.margin-top-1-5 {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
@ -589,7 +592,7 @@ ol {
|
||||
}
|
||||
}
|
||||
#main_header {
|
||||
padding: 1.5rem;
|
||||
padding: 1.5rem max(1rem, 4vw);
|
||||
}
|
||||
#main_card {
|
||||
display: grid;
|
||||
|
||||
14
index.html
14
index.html
@ -1,5 +1,5 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>Bitcoin Web Wallet</title>
|
||||
@ -26,9 +26,9 @@
|
||||
<sm-popup id="confirmation_popup">
|
||||
<h4 id="confirm_title"></h4>
|
||||
<p id="confirm_message"></p>
|
||||
<div class="flex align-center">
|
||||
<sm-button variant="no-outline" class="cancel-btn">Cancel</sm-button>
|
||||
<sm-button variant="no-outline" class="submit-btn">OK</sm-button>
|
||||
<div class="flex align-center gap-0-3">
|
||||
<button class="cancel-btn margin-left-auto">Cancel</button>
|
||||
<button class="button button--primary submit-btn">OK</button>
|
||||
</div>
|
||||
</sm-popup>
|
||||
<div id="main_card">
|
||||
@ -39,7 +39,7 @@
|
||||
<h4>Bitcoin Web Wallet</h4>
|
||||
</div>
|
||||
<div class="flex align-center gap-0-3">
|
||||
<sm-select id="currency_selector" class="margin-right-0-5" align-select="right">
|
||||
<sm-select id="currency_selector" class="margin-right-0-5">
|
||||
<sm-option value="btc">BTC</sm-option>
|
||||
<sm-option value="inr">INR</sm-option>
|
||||
<sm-option value="usd">USD</sm-option>
|
||||
@ -714,8 +714,8 @@
|
||||
notify('copied', 'success')
|
||||
})
|
||||
document.addEventListener("pointerdown", (e) => {
|
||||
if (e.target.closest("button, sm-button:not([disabled]), .interactive")) {
|
||||
createRipple(e, e.target.closest("button, sm-button, .interactive"));
|
||||
if (e.target.closest("button, .interactive")) {
|
||||
createRipple(e, e.target.closest("button, .interactive"));
|
||||
}
|
||||
});
|
||||
showPage(window.location.hash)
|
||||
|
||||
Loading…
Reference in New Issue
Block a user