Made UI changes
This commit is contained in:
parent
cea5861e63
commit
b24d591e95
@ -2,10 +2,56 @@
|
|||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>FLO walletless</title>
|
<title>FLO walletless</title>
|
||||||
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
table, th, td {
|
|
||||||
border: 1px solid black;
|
|
||||||
|
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Titillium Web', sans-serif;
|
||||||
|
font-weight: 300;
|
||||||
|
font-size: 1.05em;
|
||||||
|
margin: 0;
|
||||||
|
text-align:justify;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
table, tr, th, td {
|
||||||
|
border: 1px solid #e3e3e3;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
background-color: #4CAF50; /* Green */
|
||||||
|
border: none;
|
||||||
|
color: white;
|
||||||
|
padding: 15px 32px;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 16px;
|
||||||
|
margin: 4px 2px;
|
||||||
|
border-radius: 8px;
|
||||||
|
cursor: pointer;
|
||||||
|
-webkit-transition-duration: 0.4s; /* Safari */
|
||||||
|
transition-duration: 0.4s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.newColor {
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
button:hover {
|
||||||
|
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
|
||||||
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@ -20,9 +66,28 @@ table, th, td {
|
|||||||
const fee = 0.0005;
|
const fee = 0.0005;
|
||||||
</script>
|
</script>
|
||||||
<h1>FLO</h1>
|
<h1>FLO</h1>
|
||||||
<button id="addrGenBtn" onclick="addrGenMode();">Address Generator</button>
|
<button id="getDataBtn" onclick="showSection(this,getDataMode);">Monitor FLO Data</button>
|
||||||
<button id="sendDataBtn" onclick="sendDataMode();">Send FLO Data</button>
|
<button id="sendDataBtn" onclick="showSection(this,sendDataMode);">Send FLO Data</button>
|
||||||
<button id="getDataBtn" onclick="getDataMode();">Monitor FLO Data</button>
|
<button id="addrGenBtn" onclick="showSection(this,addrGenMode);">Address Generator</button>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
var mainButtonList = [];mainButtonList.push(document.getElementById("getDataBtn"));
|
||||||
|
document.getElementById("getDataBtn").classList.add('newColor');
|
||||||
|
|
||||||
|
function showSection(that,callback) {
|
||||||
|
|
||||||
|
if (!(mainButtonList.length == 0 )) {
|
||||||
|
var x = mainButtonList.pop();
|
||||||
|
x.classList.remove('newColor');
|
||||||
|
}
|
||||||
|
that.classList.add('newColor');
|
||||||
|
mainButtonList.push(that)
|
||||||
|
callback();
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
<br/>
|
<br/>
|
||||||
<div id="addrGen">
|
<div id="addrGen">
|
||||||
|
|
||||||
@ -61,7 +126,7 @@ table, th, td {
|
|||||||
<script>
|
<script>
|
||||||
|
|
||||||
|
|
||||||
addrGenMode(); //default start
|
getDataMode(); //default start
|
||||||
|
|
||||||
function clearLocalData()
|
function clearLocalData()
|
||||||
{
|
{
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user