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

vault flex layout

Browse Source
This commit is contained in:
Kyle Spearrin
2018-01-20 23:45:22 -05:00
parent 98552c8124
commit d90d26dcb6
4 changed files with 174 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/app-routing.module.ts
View File

@@ -8,7 +8,7 @@ import { LoginComponent } from './accounts/login.component';
import { VaultComponent } from './vault/vault.component';
const routes: Routes = [
{ path: '', redirectTo: '/login', pathMatch: 'full' },
{ path: '', redirectTo: '/vault', pathMatch: 'full' },
{ path: 'login', component: LoginComponent },
{ path: 'vault', component: VaultComponent },
];

2
src/app/app.component.ts
View File

@@ -3,7 +3,7 @@ import { Component } from '@angular/core';
@Component({
selector: 'app-root',
styles: [],
template: 'App<br /><router-outlet></router-outlet>',
template: '<router-outlet></router-outlet>',
})
export class AppComponent {
}

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

@@ -1 +1,67 @@
My Vault!!
<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>
</ul>
<ul class="bottom">
<li><a href="#">L</a></li>
<li><a href="#">U</a></li>
</ul>
</div>
<div id="categories">
<div class="header">
Search Bar
</div>
<div class="content">
<div>Something</div><div>Something</div><div>Something</div>
</div>
</div>
<div id="items">
<div class="header">
Search Bar
</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>
</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>
<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">
Edit
</div>
</div>
</div>