Added a menu

It contains a list of friends and a "more" button. This also offsets the content to the right.
2017-01-11 11:10:32 +01:00
parent b6d2ad92d0
commit e90ecda436
7 changed files with 74 additions and 6 deletions
--- a/website/styles/menu.css
+++ b/website/styles/menu.css
@@ -0,0 +1,19 @@
+.menu {
+    position: fixed;
+
+    left: 0;
+    top: 80px;
+    height: calc(100% - 80px);
+    width: 256px;
+
+    background-color: white;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
+}
+
+.menu h4 {
+    padding: 10px;
+}
+
+.friend-item {
+    padding: 5px 20px;
+}