code refactoring

This commit is contained in:
sairaj mote 2022-10-26 18:42:44 +05:30
parent 9a7b55c381
commit 951697a34b
5 changed files with 27 additions and 3110 deletions

File diff suppressed because one or more lines are too long

View File

@ -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

File diff suppressed because one or more lines are too long

View File

@ -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;

View File

@ -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)