Upstream
/
bitwarden-desktop
mirror of https://github.com/bitwarden/desktop.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

style categories padding

This commit is contained in:
Kyle Spearrin 2018-01-23 17:39:37 -05:00
parent 41797f5ce4
commit 8cf3d53772
2 changed files with 33 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
src/app/vault/vault.component.html
View File

@ -13,29 +13,31 @@
-->
<div id="categories">
<div class="content">
<ul>
<li><a href="#"><i class="fa fa-fw fa-spinner"></i> All Items</a></li>
<li><a href="#"><i class="fa fa-fw fa-star"></i> Favorites</a></li>
</ul>
<h2><i class="fa fa-tags"></i> Types</h2>
<ul>
<li><a href="#"><i class="fa fa-fw fa-globe"></i> Login</a></li>
<li><a href="#"><i class="fa fa-fw fa-credit-card"></i> Card</a></li>
<li><a href="#"><i class="fa fa-fw fa-id-card-o"></i> Identity</a></li>
<li><a href="#"><i class="fa fa-fw fa-sticky-note-o"></i> Secure Note</a></li>
</ul>
<h2><i class="fa fa-folder"></i> Folders</h2>
<ul>
<li *ngFor="let folder of vaultFolders">
<a href="#"><i class="fa fa-fw fa-caret-right"></i> {{folder.name}}</a>
</li>
</ul>
<h2><i class="fa fa-cubes"></i> Collections</h2>
<ul>
<li *ngFor="let collection of vaultCollections">
<a href="#"><i class="fa fa-fw fa-caret-right"></i> {{collection.name}}</a>
</li>
</ul>
<div class="inner-content">
<ul>
<li><a href="#"><i class="fa fa-fw fa-spinner"></i> All Items</a></li>
<li><a href="#"><i class="fa fa-fw fa-star"></i> Favorites</a></li>
</ul>
<h2><i class="fa fa-tags"></i> Types</h2>
<ul>
<li><a href="#"><i class="fa fa-fw fa-globe"></i> Login</a></li>
<li><a href="#"><i class="fa fa-fw fa-credit-card"></i> Card</a></li>
<li><a href="#"><i class="fa fa-fw fa-id-card-o"></i> Identity</a></li>
<li><a href="#"><i class="fa fa-fw fa-sticky-note-o"></i> Secure Note</a></li>
</ul>
<h2><i class="fa fa-folder"></i> Folders</h2>
<ul>
<li *ngFor="let folder of vaultFolders">
<a href="#"><i class="fa fa-fw fa-caret-right"></i> {{folder.name}}</a>
</li>
</ul>
<h2><i class="fa fa-cubes"></i> Collections</h2>
<ul>
<li *ngFor="let collection of vaultCollections">
<a href="#"><i class="fa fa-fw fa-caret-right"></i> {{collection.name}}</a>
</li>
</ul>
</div>
</div>
</div>
<div id="items">
@ -64,6 +66,9 @@
</div>
</div>
</div>
<div class="footer">
Add Item
</div>
</div>
<div id="details">
<div class="content">

6
src/scss/styles.scss
View File

@ -109,7 +109,10 @@ a {
min-width: 175px;
max-width: 250px;
border-right: 1px solid $border-color-dark;
padding: 10px 15px;
.inner-content {
padding: 10px 15px;
}
h2 {
font-size: $font-size-base;
@ -124,6 +127,7 @@ a {
li {
margin: 0;
padding: 0;
list-style: none;
a {
display: block;