added NES css theme

koalaKoolaid/master
koalaKoolaid 4 years ago
parent a369ad9190
commit 01b94c33a6

@ -31,7 +31,7 @@
<input type="password" id="password" class="form-control" placeholder="..." required="" autofocus autocomplete="off" style="z-index:666;">
</div>
<div class="col-sm-3">
<button id="x_btn2" v-on:click="submitPassword" type="button" class="btn btn-success">
<button id="x_btn2" v-on:click="submitPassword" type="button" class="btn btn-success nes-btn is-success">
<!-- fa fa-refresh fa-spin -->
<i class="fa fa-folder-open" aria-hidden="true"></i>
Open
@ -210,6 +210,7 @@
<style>
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('~@/assets/nes.min.css');
@import url('~@/assets/wow.css');
</style>

File diff suppressed because one or more lines are too long

@ -81,15 +81,24 @@ textarea:focus, button:focus, input[type="text"]:focus, input[type="password"]:f
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* NES */
@font-face {
font-family: 'PressStart2P';
font-style: normal;
font-weight: 400;
src: url("~@/assets/fonts/PressStart2P.ttf") format('truetype');
/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; */
}
html {
height: 100%;
background-repeat-y: no-repeat;
background-repeat: no-repeat;
background: radial-gradient(ellipse at top left, rgba(255, 255, 255, 1) 40%, rgb(255, 224, 0) 200%) fixed;
}
body {
background: url("~@/assets/background2.png") 0 0;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
font-family: PressStart2P,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
}
.container {
@ -1200,4 +1209,35 @@ main.landing .card-body .table tbody td {
.dropdown-item {
padding: .1rem .75rem;
font-size: 14px;
}
.nes-btn {
font-size: 12px;
margin: 0px;
}
.form-control{
font-size: 11px;
}
.wario_seq .grassfill .version {
font-size:9px;
}
.create-wallet-options .nes-container {
padding: 1rem 1rem;
}
.create-wallet-options .nes-container input{
/* border: none; */
background: transparent;
font-size: 12px;
}
.create-wallet-options .nes-container span{
font-size: 8px;
}
code{
font-family: "PressStart2P";
}

@ -4,25 +4,17 @@
<div class="col-sm-7">
<img id="logo" src="~@/assets/wownero-light-intro.png" alt="electron-vue">
<button id="create_wallet_btn" v-on:click="createWallet" type="button" class="btn btn-success btn-sm">
<i class="fa fa-plus" id="create_wallet_icon" aria-hidden="true"></i>
<button id="create_wallet_btn" v-on:click="createWallet" type="button" class="btn btn-success btn-xs nes-btn is-success">
Create wallet
</button>
<button id="create_wallet_btn" v-on:click="openWallet" type="button" class="btn btn-success btn-sm">
<i class="fa fa-plus" id="create_wallet_icon" aria-hidden="true"></i>
<button id="create_wallet_btn" v-on:click="openWallet" type="button" class="btn btn-success btn-xs nes-btn is-success">
Open wallet
</button>
<button id="" v-on:click="settings" type="button" class="btn btn-success btn-sm">
<!-- fa fa-refresh fa-spin -->
<i class="fa fa-cog" aria-hidden="true"></i>
<button id="" v-on:click="settings" type="button" class="btn btn-success btn-xs nes-btn is-success">
Settings
</button>
<button type="button" class="btn btn-success btn-sm">
Does nothing
</button>
</div>
<div class="col-sm-5">

@ -17,7 +17,7 @@
<div class="grassfill">
<span class="version">
0.1.4 - <span style="font-size:12px;">{{version_embedded}}</span>
0.1.4 - <span style="font-size:9px;">{{version_embedded}}</span>
</span>
<a class="credits" href="#" v-on:click="openCredits">
Credits

@ -9,25 +9,25 @@
<div class="row">
<div class="col-md-12">
<form id="sendForm" role="form" lpformnum="2" _lpchecked="1" onsubmit="return false;">
<!-- text input -->
<div class="form-group">
<label>Destination address</label>
<textarea placeholder="WO/SO..." rows=1 v-on:input="validate" class="form-control address"></textarea>
<div class="row" style="padding-left:20px;padding-right:20px">
<section class="col-md-12 form-group nes-container with-title">
<h3 class="title">Destination Address</h3>
<input placeholder="WO/SO..." type="text" rows=1 v-on:input="validate" class="form-control address">
</section>
</div>
<div class="row">
<div class="col-md-3">
<div class="form-group amount">
<label>Amount <small class="amount_btc"></small></label>
<input type="text" v-on:input="validate" v-on:keypress="isAmount()" name="amount" class="form-control amount" placeholder="Amount">
</div>
</div>
<div class="col-md-6"></div>
<br>
<div class="row" style="padding-left:20px;padding-right:20px">
<section class="col-md-5 form-group nes-container with-title">
<h3 class="title">Amount <small class="amount_usd"></small></h3>
<input placeholder="Amount" type="text" rows=1 v-on:input="validate"
v-on:keypress="isAmount()" name="amount" class="form-control amount">
</section>
<div class="col-md-4"></div>
<div class="col-md-3">
<div class="form-group pull-right">
<label>&nbsp;</label>
<button class="btn btn-primary send_btn disabled" style="display:block;min-width: 140px;"v-on:click="sendMonies();" type="submit">Send</button>
<button class="btn btn-primary send_btn disabled" style="display:block;min-width: 140px;" v-on:click="sendMonies();" type="submit">Send</button>
</div>
</div>
</div>

@ -4,19 +4,20 @@
<div class="row">
<div class="col-md-6">
<form class="wallet_form" v-on:submit.prevent="onSubmit">
<div class="form-group">
<label for="name" class="control-label">Wallet name</label>
<section class="form-group nes-container with-title">
<h3 for="name" class="title">Wallet Name</h3>
<input value="test" id="name" name="name" type="text" class="form-control" required="required">
</div>
<div class="form-group">
<label for="password" class="control-label">Wallet password</label>
<input id="password" name="password" type="password" class="form-control" aria-describedby="passwordHelpBlock">
<span id="passwordHelpBlock" class="help-block">A wallet password is recommended but not required.</span>
</div>
<div class="form-group">
<label for="location" class="control-label">Wallet path</label>
</section>
<br>
<section class="form-group nes-container with-title">
<h3 for="name" class="title">Wallet Password</h3>
<input id="name" name="password" type="password" class="form-control" required="required" aria-describedby="passwordHelpBlock">
</section>
<br>
<section class="form-group nes-container with-title">
<h3 for="location" class="title">Wallet Path</h3>
<input :value="walletDir" id="location" name="location" type="text" class="form-control" aria-describedby="locationHelpBlock" disabled>
</div>
</section>
</form>
</div>
<div class="col-md-6">

@ -11,13 +11,13 @@
It's your only chance to recover a lost wallet.
</p>
<p>
<textarea style="height:150px" class="seed" name="text" rows="6" cols="40" :value="wallet.seed"></textarea>
<textarea style="height:150px" class="seed nes-textarea" name="text" rows="6" cols="40" :value="wallet.seed"></textarea>
</p>
<span class="title">
View key
</span>
<p>
<textarea style="height:70px" class="seed" name="text" rows="6" cols="40" :value="wallet.view_key"></textarea>
<textarea style="height:70px" class="seed nes-textarea" name="text" rows="6" cols="40" :value="wallet.view_key"></textarea>
</p>
</div>
<div class="col-md-6">
@ -47,8 +47,7 @@
<div class="form-check" style="margin-top:14px;">
<label class="form-check-label">
<input v-on:click="toggleValid" class="form-check-input" type="checkbox" value="" id="tos_checkbox">
This is an useless checkbox. You are required to tick it. Sucks, but there are worse things in life.
Tick me to continue
</label>
</div>
</div>

@ -1,7 +1,7 @@
<template>
<div class="row navigation" style="margin-top:20px;">
<div class="col-md-3">
<button v-on:click="goBack" type="button" class="btn btn-success pull-left">
<button v-on:click="goBack" type="button" class="btn btn-success pull-left nes-btn is-success">
<!-- fa fa-refresh fa-spin -->
<i class="fa fa-arrow-left" aria-hidden="true"></i>
Go back
@ -16,7 +16,7 @@
</div>
</div>
<div class="col-md-3">
<button style="float:right;" v-on:click="goNext" type="button" class="btn btn-success btn_next pull-right">
<button style="float:right;" v-on:click="goNext" type="button" class="btn btn-success btn_next pull-right nes-btn is-success">
<div style="display:inline" v-if="appState === 'create_wallet'">
<i class="fa fa-refresh fa-spin" aria-hidden="true"></i>
</div>

Loading…
Cancel
Save