1
0
mirror of https://github.com/bitwarden/browser synced 2025-12-23 19:53:43 +00:00

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

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">