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: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.margin-left-auto {
|
||||||
|
margin-left: auto;
|
||||||
|
}
|
||||||
|
|
||||||
.margin-top-1-5 {
|
.margin-top-1-5 {
|
||||||
margin-top: 1.5rem;
|
margin-top: 1.5rem;
|
||||||
}
|
}
|
||||||
@ -636,7 +640,7 @@ ol li::before {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#main_header {
|
#main_header {
|
||||||
padding: 1.5rem;
|
padding: 1.5rem max(1rem, 4vw);
|
||||||
}
|
}
|
||||||
|
|
||||||
#main_card {
|
#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-5 {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
|
.margin-left-auto {
|
||||||
|
margin-left: auto;
|
||||||
|
}
|
||||||
.margin-top-1-5 {
|
.margin-top-1-5 {
|
||||||
margin-top: 1.5rem;
|
margin-top: 1.5rem;
|
||||||
}
|
}
|
||||||
@ -589,7 +592,7 @@ ol {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
#main_header {
|
#main_header {
|
||||||
padding: 1.5rem;
|
padding: 1.5rem max(1rem, 4vw);
|
||||||
}
|
}
|
||||||
#main_card {
|
#main_card {
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|||||||
14
index.html
14
index.html
@ -1,5 +1,5 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html>
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<title>Bitcoin Web Wallet</title>
|
<title>Bitcoin Web Wallet</title>
|
||||||
@ -26,9 +26,9 @@
|
|||||||
<sm-popup id="confirmation_popup">
|
<sm-popup id="confirmation_popup">
|
||||||
<h4 id="confirm_title"></h4>
|
<h4 id="confirm_title"></h4>
|
||||||
<p id="confirm_message"></p>
|
<p id="confirm_message"></p>
|
||||||
<div class="flex align-center">
|
<div class="flex align-center gap-0-3">
|
||||||
<sm-button variant="no-outline" class="cancel-btn">Cancel</sm-button>
|
<button class="cancel-btn margin-left-auto">Cancel</button>
|
||||||
<sm-button variant="no-outline" class="submit-btn">OK</sm-button>
|
<button class="button button--primary submit-btn">OK</button>
|
||||||
</div>
|
</div>
|
||||||
</sm-popup>
|
</sm-popup>
|
||||||
<div id="main_card">
|
<div id="main_card">
|
||||||
@ -39,7 +39,7 @@
|
|||||||
<h4>Bitcoin Web Wallet</h4>
|
<h4>Bitcoin Web Wallet</h4>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex align-center gap-0-3">
|
<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="btc">BTC</sm-option>
|
||||||
<sm-option value="inr">INR</sm-option>
|
<sm-option value="inr">INR</sm-option>
|
||||||
<sm-option value="usd">USD</sm-option>
|
<sm-option value="usd">USD</sm-option>
|
||||||
@ -714,8 +714,8 @@
|
|||||||
notify('copied', 'success')
|
notify('copied', 'success')
|
||||||
})
|
})
|
||||||
document.addEventListener("pointerdown", (e) => {
|
document.addEventListener("pointerdown", (e) => {
|
||||||
if (e.target.closest("button, sm-button:not([disabled]), .interactive")) {
|
if (e.target.closest("button, .interactive")) {
|
||||||
createRipple(e, e.target.closest("button, sm-button, .interactive"));
|
createRipple(e, e.target.closest("button, .interactive"));
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
showPage(window.location.hash)
|
showPage(window.location.hash)
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user