mirror of https://github.com/BTCPrivate/copay.git
refactor(main): begin extracting styles from main.scss
This commit is contained in:
parent
aad5227542
commit
05d4fc7dce
|
@ -10,7 +10,7 @@
|
|||
</ion-header-bar>
|
||||
|
||||
<ion-content>
|
||||
<div class="modal-content fix-modals-touch">
|
||||
<div class="fix-modals-touch">
|
||||
<div class="header-modal bg-gray text-center">
|
||||
<div class="p20">
|
||||
<img src="img/bought.svg" alt="bought" width="65" ng-show="(tx.type == 'buy' || (tx.type == 'send' && tx.to)) && tx.status == 'completed'">
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
</ion-header-bar>
|
||||
|
||||
<ion-content ng-style="{'background-color': '#f6f7f9'}">
|
||||
<div class="modal-content fix-modals-touch">
|
||||
<div class="fix-modals-touch">
|
||||
<div class="m20b" ng-show="customizedAmountBtc">
|
||||
<h4 class="title m0" translate>QR Code</h4>
|
||||
<ul class="no-bullet size-14 m0">
|
||||
|
|
|
@ -13,7 +13,7 @@
|
|||
|
||||
<ion-content ng-style="{'background-color': '#F6F7F9'}">
|
||||
|
||||
<div class="modal-content">
|
||||
<div>
|
||||
<div class="box-notification text-center size-12 text-warning m10t" ng-show="error">
|
||||
<i class="fi-error"></i> {{error}}
|
||||
</div>
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
ng-init="titleSection='Preferences'; goBackToState = 'coinbase'; noColor = true">
|
||||
</div>
|
||||
|
||||
<div class="content preferences" ng-controller="preferencesCoinbaseController as coinbase">
|
||||
<div class="content coinbase-preferences" ng-controller="preferencesCoinbaseController as coinbase">
|
||||
|
||||
<ul ng-if="index.coinbaseAccount && !index.coinbaseError" class="no-bullet m0">
|
||||
<h4 class="title m0">Account</h4>
|
||||
|
@ -33,7 +33,7 @@
|
|||
</span>
|
||||
</li>
|
||||
|
||||
<h4 class="title m0">User Information</h4>
|
||||
<h4 class="title m0">User Information</h4>
|
||||
<li>
|
||||
<span>ID</span>
|
||||
<span class="right text-gray enable_text_select">
|
||||
|
|
|
@ -1,44 +1,3 @@
|
|||
/*
|
||||
*
|
||||
* Copay main CSS
|
||||
*
|
||||
*/
|
||||
body {
|
||||
font-family: 'roboto-regular';
|
||||
}
|
||||
|
||||
h3.title {
|
||||
margin-left: 10px !important;
|
||||
}
|
||||
|
||||
.walletHome h4.title {
|
||||
padding: 0px 0 10px 15px;
|
||||
margin: 5px 0 5px 0;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.bitpay_card select {
|
||||
margin: 5px 0 5px 0;
|
||||
padding: 0 20px;
|
||||
font-size: 16px;
|
||||
width: auto;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.bitpay_card select:focus {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.preferences ul, .modal-content ul {
|
||||
font-size: 14px;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.preferences ul li {
|
||||
padding: 16px 10px 16px 16px;
|
||||
border-bottom: 1px solid #E9E9EC;
|
||||
}
|
||||
|
||||
.addressbook-input, .disabled-input {
|
||||
display: block;
|
||||
margin-bottom: 1.5rem;
|
||||
|
@ -602,54 +561,9 @@ input[type=number] {
|
|||
}
|
||||
}
|
||||
|
||||
/* Starting */
|
||||
|
||||
#starting {
|
||||
background: rgba(30, 49, 134, 1);
|
||||
background: -moz-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
|
||||
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(30, 49, 134, 1)), color-stop(100%, rgba(17, 27, 73, 1)));
|
||||
background: -webkit-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
|
||||
background: -o-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
|
||||
background: -ms-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
|
||||
background: linear-gradient(to bottom, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
|
||||
color: #fff;
|
||||
height: 100%;
|
||||
.scroll-content {
|
||||
display: table !important;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
.scroll {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
@import "fonts";
|
||||
@import "ionic";
|
||||
@import "common";
|
||||
@import "forms";
|
||||
@import 'mixins/mixins';
|
||||
@import 'views/tabs';
|
||||
@import "views/add";
|
||||
@import "views/amount";
|
||||
@import "views/confirm";
|
||||
@import "views/tab-home";
|
||||
@import "views/tab-receive";
|
||||
@import "views/tab-scan";
|
||||
@import "views/tab-send";
|
||||
@import "views/tab-settings";
|
||||
@import "views/walletDetails";
|
||||
@import "views/advancedSettings";
|
||||
@import "views/bitpayCard";
|
||||
@import "views/address-book";
|
||||
@import "views/wallet-backup-phrase";
|
||||
@import "views/address-book";
|
||||
@import 'views/onboarding/onboarding';
|
||||
@import "views/includes/walletActivity";
|
||||
@import "views/includes/wallets";
|
||||
@import "views/includes/modals/modals";
|
||||
@import "views/includes/tx-details";
|
||||
@import "views/includes/txp-details";
|
||||
@import "views/includes/tx-status";
|
||||
@import "mixins/mixins";
|
||||
@import "views/views";
|
||||
|
|
|
@ -0,0 +1,10 @@
|
|||
.coinbase-preferences {
|
||||
ul {
|
||||
font-size: 14px;
|
||||
background: white;
|
||||
li {
|
||||
padding: 16px 10px 16px 16px;
|
||||
border-bottom: 1px solid #E9E9EC;
|
||||
}
|
||||
}
|
||||
}
|
|
@ -0,0 +1,21 @@
|
|||
#starting {
|
||||
background: rgba(30, 49, 134, 1);
|
||||
background: -moz-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
|
||||
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(30, 49, 134, 1)), color-stop(100%, rgba(17, 27, 73, 1)));
|
||||
background: -webkit-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
|
||||
background: -o-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
|
||||
background: -ms-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
|
||||
background: linear-gradient(to bottom, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
|
||||
color: #fff;
|
||||
height: 100%;
|
||||
.scroll-content {
|
||||
display: table !important;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
.scroll {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
|
@ -0,0 +1,24 @@
|
|||
@import "tabs";
|
||||
@import "add";
|
||||
@import "amount";
|
||||
@import "confirm";
|
||||
@import "starting";
|
||||
@import "tab-home";
|
||||
@import "tab-receive";
|
||||
@import "tab-scan";
|
||||
@import "tab-send";
|
||||
@import "tab-settings";
|
||||
@import "walletDetails";
|
||||
@import "advancedSettings";
|
||||
@import "bitpayCard";
|
||||
@import "address-book";
|
||||
@import "wallet-backup-phrase";
|
||||
@import "address-book";
|
||||
@import "onboarding/onboarding";
|
||||
@import "includes/walletActivity";
|
||||
@import "includes/wallets";
|
||||
@import "includes/modals/modals";
|
||||
@import "includes/tx-details";
|
||||
@import "includes/txp-details";
|
||||
@import "includes/tx-status";
|
||||
@import "integrations/coinbase.scss";
|
Loading…
Reference in New Issue