no data message updates

This commit is contained in:
Kyle Spearrin 2016-09-21 19:47:19 -04:00
parent 780abfe877
commit f0ff5760d7
4 changed files with 13 additions and 4 deletions

View File

@ -25,7 +25,10 @@
</div> </div>
</div> </div>
<div class="centered-message" ng-if="loaded && !sites.length"> <div class="centered-message" ng-if="loaded && !sites.length">
<p>No sites available to auto-fill for the current browser tab. <a href="" ng-click="addSite()">Add one</a></p> <p>
No sites available to auto-fill for the current browser tab.
<button ng-click="addSite()" class="btn btn-link btn-lg btn-block">Add a site</button>
</p>
</div> </div>
<div class="page-loading" ng-if="!loaded"> <div class="page-loading" ng-if="!loaded">
<i class="fa fa-lg fa-spinner fa-spin"></i> <i class="fa fa-lg fa-spinner fa-spin"></i>

View File

@ -19,7 +19,10 @@
</div> </div>
</div> </div>
<div class="centered-message" ng-if="loaded && !folders.length"> <div class="centered-message" ng-if="loaded && !folders.length">
<p>No folders to list. <a ui-sref="addFolder({animation: 'in-slide-up'})">Add one</a></p> <p>
No folders to list.
<a ui-sref="addFolder({animation: 'in-slide-up'})" class="btn btn-link btn-lg btn-block">Add a folder</a>
</p>
</div> </div>
<div class="page-loading" ng-if="!loaded"> <div class="page-loading" ng-if="!loaded">
<i class="fa fa-lg fa-spinner fa-spin"></i> <i class="fa fa-lg fa-spinner fa-spin"></i>

View File

@ -36,7 +36,10 @@
</div> </div>
</div> </div>
<div class="centered-message" ng-if="loaded && !vaultSites.length"> <div class="centered-message" ng-if="loaded && !vaultSites.length">
<p>No sites to list. <a href="" ng-click="addSite()">Add one</a></p> <p>
No sites to list.
<button ng-click="addSite()" class="btn btn-link btn-lg btn-block">Add a site</button>
</p>
</div> </div>
<div class="page-loading" ng-if="!loaded"> <div class="page-loading" ng-if="!loaded">
<i class="fa fa-lg fa-spinner fa-spin"></i> <i class="fa fa-lg fa-spinner fa-spin"></i>

View File

@ -414,7 +414,7 @@
p { p {
position: fixed; position: fixed;
top: 50%; top: 50%;
margin-top: -20px; margin-top: -40px;
display: block; display: block;
width: 100%; width: 100%;
text-align: center; text-align: center;