bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-22 19:23:52 +00:00
Code Issues Releases Wiki Activity

styles for vault

Browse Source
This commit is contained in:
Kyle Spearrin
2018-01-22 13:27:57 -05:00
parent b6143508aa
commit 22e19a6403
4 changed files with 555 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,50 +1,86 @@
<div id="vault">
<!--
<div id="nav">
<ul class="top">
<li><a href="#">V</a></li>
<li><a href="#">G</a></li>
<li><a href="#">S</a></li>
<li><a href="#"><i class="fa fa-lg fa-lock"></i></a></li>
<li><a href="#"><i class="fa fa-lg fa-undo-alt fa-flip-horizontal"></i></a></li>
<li><a href="#"><i class="fa fa-lg fa-cog"></i></a></li>
</ul>
<ul class="bottom">
<li><a href="#">L</a></li>
<li><a href="#">U</a></li>
<li><a href="#"><i class="fa fa-lg fa-user"></i></a></li>
</ul>
</div>
-->
<div id="categories">
<div class="header">
Filters
</div>
<div class="content">
<div>Something</div><div>Something</div><div>Something</div>
<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><a href="#"><i class="fa fa-fw fa-caret-right"></i> Folder 1</a></li>
<li><a href="#"><i class="fa fa-fw fa-caret-right"></i> Folder 2</a></li>
</ul>
<h2><i class="fa fa-cubes"></i> Collections</h2>
<ul>
<li><a href="#"><i class="fa fa-fw fa-caret-right"></i> Collection 1</a></li>
<li><a href="#"><i class="fa fa-fw fa-caret-right"></i> Collection 2</a></li>
</ul>
</div>
</div>
<div id="items">
<div class="header">
Search Bar
<div class="header header-search">
<div class="search">
<input type="search" placeholder="Search vault" id="search" />
<i class="fa fa-search"></i>
</div>
<div class="right">
<a href="" title="Add Item"><i class="fa fa-plus fa-lg"></i></a>
</div>
</div>
<div class="content">
<div>Something Something Something Something Something Something</div>
<div>Something</div><div>Something</div><div>Something</div>
<div>Something</div><div>Something</div><div>Something</div><div>Something</div>
<div>Something</div><div>Something</div><div>Something</div><div>Something</div>
<div>Something</div><div>Something</div><div>Something</div><div>Something</div>
<div>Something</div><div>Something</div><div>Something</div><div>Something</div>
<div>Something</div><div>Something</div><div>Something</div><div>Something</div>
<div>Something</div><div>Something</div><div>Something</div><div>Something</div>
<div>Something</div><div>Something</div><div>Something</div><div>Something</div>
<div>Something</div><div>Something</div><div>Something</div><div>Something</div>
<div>Something</div><div>Something</div><div>Something</div><div>Something</div>
<div>Something</div><div>Something</div><div>Something</div><div>Something</div>
<div>Something</div><div>Something</div><div>Something</div><div>Something</div>
</div>
<div class="footer">
Add
<div class="list">
<div class="list-section" style="padding-top: 0; padding-bottom: 0;">
<a href="#"
class="list-section-item condensed" title="View Item">
<span class="text">
Item 1
<i class="fa fa-share-alt text-muted"></i>
<i class="fa fa-paperclip text-muted"></i>
</span>
<span class="detail">Sub</span>
</a>
<a href="#"
class="list-section-item condensed" title="View Item">
<span class="text">
Item 1
<i class="fa fa-share-alt text-muted"></i>
<i class="fa fa-paperclip text-muted"></i>
</span>
<span class="detail">Sub</span>
</a>
<a href="#"
class="list-section-item condensed" title="View Item">
<span class="text">
Item 1
<i class="fa fa-share-alt text-muted"></i>
<i class="fa fa-paperclip text-muted"></i>
</span>
<span class="detail">Sub</span>
</a>
</div>
</div>
</div>
</div>
<div id="details">
<div class="header">
View Item
</div>
<div class="content">
<div>Something Something Something Something Something Something</div>
<div>Something</div><div>Something</div><div>Something</div><div>Something</div>