From cc9410602c92856729e010ab37c149656b7261d5 Mon Sep 17 00:00:00 2001 From: Kyle Spearrin Date: Wed, 6 Jun 2018 12:35:10 -0400 Subject: [PATCH] vault layout --- src/app/vault/vault.component.html | 153 ++++++++++++++++++++++++----- src/scss/styles.scss | 28 ++++++ 2 files changed, 157 insertions(+), 24 deletions(-) diff --git a/src/app/vault/vault.component.html b/src/app/vault/vault.component.html index d35c26b9..22e4d63e 100644 --- a/src/app/vault/vault.component.html +++ b/src/app/vault/vault.component.html @@ -39,44 +39,149 @@
-
+
- Navigation + Filters
-
- - Item 1 - - - Item 2 - - - Item 3 - -
-
-
-
-

My Vault

-

Stuff

-
-
-
- All Items + + +

Types

+ +

Folders

+ +

Collections

+
+
+ + + + + + + + +
+
+ +
+ Action + Another action + Something else here +
+
+ 		+ + + Google + MyUsername +
+
- © 2015-2018 8bit Solutions LLC + © 2015-2018 8bit Solutions LLC
- +
Version 2.0.0 diff --git a/src/scss/styles.scss b/src/scss/styles.scss index 6fb4b1a2..2881a85e 100644 --- a/src/scss/styles.scss +++ b/src/scss/styles.scss @@ -72,3 +72,31 @@ body { font-weight: bold; padding-left: calc(#{$list-group-item-padding-x} - 3px); } + +app-vault { + .table { + line-height: 1; + + tr:first-child { + td { + border: none; + } + } + + td { + vertical-align: middle; + + a { + display: block; + } + } + + td:first-child { + width: 80px; + } + + td:nth-child(2) { + width: 40px; + } + } +}