mirror of https://github.com/status-im/wallet.git
first commit
This commit is contained in:
G14
commit
bb19adf0ff
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title></title>
|
||||
|
||||
<link href="style.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto:500,300,400" rel="stylesheet" type="text/css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="wallets">
|
||||
<h2>Wallets</h2>
|
||||
<div class="wallet">
|
||||
<div class="wallet-image"></div>
|
||||
<div class="wallet-name">Another wallet</div>
|
||||
<div class="wallet-hash">0x332ce8091A76bb710BDec4a40663b66</div>
|
||||
<div class="wallet-currencies">
|
||||
<div class="currency-usd"><span class="currency">USD</span>12.32</div>
|
||||
<div class="currency-rub"><span class="currency">RUB</span>204 532</div>
|
||||
<div class="currency-usd"><span class="currency">USD</span>34</div>
|
||||
</div>
|
||||
<a href="#">Open wallet</a>
|
||||
</div>
|
||||
<div class="pagination">
|
||||
<div class="dot active"></div>
|
||||
<div class="dot"></div>
|
||||
<div class="dot"></div>
|
||||
</div>
|
||||
|
||||
<div class="wallet-actions">
|
||||
<a class="trade-eth" href="#">Trade ETH</a>
|
||||
<a class="create-wallet" href="#"><span class="add-wallet"></span>Create a wallet</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: sketchtool 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>1DE6E4BC-5592-4BFC-9956-37873F2C421B</title>
|
||||
<desc>Created with sketchtool.</desc>
|
||||
<defs></defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="account_list" transform="translate(-652.000000, -44.000000)">
|
||||
<g id="row">
|
||||
<g id="icon_close_gray" transform="translate(640.000000, 32.000000)">
|
||||
<polygon id="Shape" points="0 0 48 0 48 48 0 48"></polygon>
|
||||
<path d="M24,26.8519129 L32.5544956,35.4064085 C33.3476708,36.1995836 34.6201175,36.1951854 35.4076515,35.4076515 C36.200676,34.6146269 36.194629,33.3427161 35.4064085,32.5544956 L26.8519129,24 L35.4064085,15.4455044 C36.1995836,14.6523292 36.1951854,13.3798825 35.4076515,12.5923485 C34.6146269,11.799324 33.3427161,11.805371 32.5544956,12.5935915 L24,21.1480871 L15.4455044,12.5935915 C14.6523292,11.8004164 13.3798825,11.8048146 12.5923485,12.5923485 C11.799324,13.3853731 11.805371,14.6572839 12.5935915,15.4455044 L21.1480871,24 L12.5935915,32.5544956 C11.8004164,33.3476708 11.8048146,34.6201175 12.5923485,35.4076515 C13.3853731,36.200676 14.6572839,36.194629 15.4455044,35.4064085 L24,26.8519129 L24,26.8519129 Z" id="Combined-Shape" fill="#838C93"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
|
|
@ -0,0 +1,19 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="36px" height="36px" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: sketchtool 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>42210529-4C6D-4F83-84EE-8D4B31E3E6E4</title>
|
||||
<desc>Created with sketchtool.</desc>
|
||||
<defs></defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="account_list" transform="translate(-228.000000, -1179.000000)">
|
||||
<g id="Group-8" transform="translate(196.000000, 1146.000000)">
|
||||
<g id="Group-6" transform="translate(26.000000, 27.000000)">
|
||||
<g id="icon_plus_gray">
|
||||
<rect id="Rectangle-8" fill="#FFFFFF" opacity="0" x="0" y="0" width="48" height="48"></rect>
|
||||
<path d="M26,22 L26,7.99970728 C26,6.88989258 25.1045695,6 24,6 C22.8877296,6 22,6.89529944 22,7.99970728 L22,22 L7.99970728,22 C6.88989258,22 6,22.8954305 6,24 C6,25.1122704 6.89529944,26 7.99970728,26 L22,26 L22,40.0002927 C22,41.1101074 22.8954305,42 24,42 C25.1122704,42 26,41.1047006 26,40.0002927 L26,26 L40.0002927,26 C41.1101074,26 42,25.1045695 42,24 C42,22.8877296 41.1047006,22 40.0002927,22 L26,22 Z" id="Combined-Shape" fill="#838C93"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
|
|
@ -0,0 +1,21 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="45px" height="38px" viewBox="0 0 45 38" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: sketchtool 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>DBCF64F6-B748-4B64-B554-3D0857F51174</title>
|
||||
<desc>Created with sketchtool.</desc>
|
||||
<defs></defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.3">
|
||||
<g id="account_list" transform="translate(-65.000000, -475.000000)">
|
||||
<g id="Group-2" transform="translate(32.000000, 419.000000)">
|
||||
<g id="Group-3">
|
||||
<g id="icon_wallet_gray" transform="translate(32.000000, 51.000000)">
|
||||
<polygon id="Shape" points="0 0 48 0 48 48 0 48"></polygon>
|
||||
<path d="M1,17.0000405 C1,10.3722535 6.36553915,5 12.9929714,5 L31.0070286,5 C37.6322699,5 43,10.3666376 43,16.9951204 L43,18.5255676 L43,30.9960833 C43,37.6255787 37.6348953,43 31.0070286,43 L12.9929714,43 C6.37055996,43 1,37.621366 1,30.9999595 L1,17.0000405 Z M39,17 L43,17 L43,30 L39,30 L39,17 Z M5,17.0000405 L5,30.9999595 C5,35.4110973 8.57857521,39 12.9929714,39 L31.0070286,39 C35.4256661,39 39,35.4165244 39,30.9960833 L39,18.5255676 L39,16.9951204 C39,12.5740709 35.4214248,9 31.0070286,9 L12.9929714,9 C8.57433394,9 5,12.5817401 5,17.0000405 Z" id="Combined-Shape" fill="#838C93"></path>
|
||||
<path d="M24,23.009763 L24,23.009763 L24,24.990237 C24,27.2122004 25.7885255,29 27.9947834,29 L38.0052166,29 C40.2082844,29 42,27.204768 42,24.990237 L42,23.009763 C42,20.7877996 40.2114745,19 38.0052166,19 L27.9947834,19 C25.7917156,19 24,20.795232 24,23.009763 L24,23.009763 Z M20,23.009763 L20,23.009763 C20,18.5900509 23.5786122,15 27.9947834,15 L38.0052166,15 C42.4253814,15 46,18.5834287 46,23.009763 L46,24.990237 C46,29.4099491 42.4213878,33 38.0052166,33 L27.9947834,33 C23.5746186,33 20,29.4165713 20,24.990237 L20,23.009763 Z" id="Rectangle-10" fill="#838C93"></path>
|
||||
<path d="M30,27 C31.6568542,27 33,25.6568542 33,24 C33,22.3431458 31.6568542,21 30,21 C28.3431458,21 27,22.3431458 27,24 C27,25.6568542 28.3431458,27 30,27 Z" id="Oval-11" fill="#838C93"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
|
|
@ -0,0 +1,8 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: sketchtool 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>A1499791-D8E6-4A80-A17E-BCDEB5D42469</title>
|
||||
<desc>Created with sketchtool.</desc>
|
||||
<defs></defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"></g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 497 B |
|
|
@ -0,0 +1,139 @@
|
|||
body {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow-x: hidden;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 720px;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
line-height: 1.6;
|
||||
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 32px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.wallets {
|
||||
background-color: #eef2f5;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wallet {
|
||||
background-color: #fff;
|
||||
//padding: 32px;
|
||||
margin: 32px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wallet-image {
|
||||
position: absolute;
|
||||
top: 55px;
|
||||
left: 40px;
|
||||
background-image: url(assets/icon_wallet_gray.svg);
|
||||
background-repeat: no-repeat;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
}
|
||||
|
||||
.wallet-name {
|
||||
text-align: left;
|
||||
font-size: 32px;
|
||||
margin-left: 80px;
|
||||
padding-top: 32px;
|
||||
padding-left: 32px;
|
||||
}
|
||||
|
||||
.wallet-hash {
|
||||
text-align: left;
|
||||
font-size: 24px;
|
||||
margin-left: 80px;
|
||||
color: #838c93;
|
||||
opacity: .8;
|
||||
padding-left: 32px;
|
||||
}
|
||||
|
||||
.wallet-currencies {
|
||||
display: block;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.currency-usd, .currency-rub {
|
||||
display: inline-block;
|
||||
width: 32%;
|
||||
font-size: 32px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
span.currency {
|
||||
display: block;
|
||||
font-size: 28px;
|
||||
letter-spacing: 2px;
|
||||
color: #838c93;
|
||||
}
|
||||
|
||||
.wallet a {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
font-size: 32px;
|
||||
color: #838c93;
|
||||
border-top: 2px solid rgba(0,0,0,0.1);
|
||||
margin-top: 20px;
|
||||
padding: 32px;
|
||||
}
|
||||
|
||||
.dot {
|
||||
display: inline-block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 50%;
|
||||
color: #838c93;
|
||||
background-color: #838c93;
|
||||
margin-right: 10px;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.dot.active {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.wallet-actions {
|
||||
display: inline-block;
|
||||
font-size: 32px;
|
||||
margin-top: 60px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wallet-actions a {
|
||||
text-decoration: none;
|
||||
color: #838c93;
|
||||
display: block;
|
||||
width: 90%;
|
||||
margin: 20px auto;
|
||||
}
|
||||
|
||||
.add-wallet {
|
||||
vertical-align: middle;
|
||||
background-image: url(assets/icon_plus_gray.svg);
|
||||
background-repeat: no-repeat;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.create-wallet {
|
||||
padding: 32px 0;
|
||||
border-top: 2px solid rgba(0,0,0,0.1);
|
||||
}
|
||||
Loading…
Reference in New Issue