diff --git a/website/styles/header.css b/website/styles/header.css
index fc435cc..24e6e68 100644
--- a/website/styles/header.css
+++ b/website/styles/header.css
@@ -1,5 +1,6 @@
-.header {
+header {
position: fixed;
+ z-index: 99;
top: 0;
left: 0;
@@ -38,7 +39,7 @@
}
-.header div {
+header div {
display: inline-block;
}
@@ -49,6 +50,5 @@
.profile-menu img {
padding: 8px;
height: 64px;
-
- vertical-align: middle;
+ width: 64px;
}
diff --git a/website/styles/main.css b/website/styles/main.css
index 823fd77..a5e9051 100644
--- a/website/styles/main.css
+++ b/website/styles/main.css
@@ -7,6 +7,10 @@ Website: myhyvesbookplus.tk
.profile-picture {
border-radius: 50%;
+ height: 42px;
+ width: 42px;
+ object-fit: cover;
+ vertical-align: middle;
}
body {
@@ -17,6 +21,7 @@ body {
.content {
margin-top: 80px;
+ margin-left: 256px;
}
::selection {
diff --git a/website/styles/menu.css b/website/styles/menu.css
new file mode 100644
index 0000000..52c89a1
--- /dev/null
+++ 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;
+}
diff --git a/website/views/head.php b/website/views/head.php
index 09d5b45..84940d2 100644
--- a/website/views/head.php
+++ b/website/views/head.php
@@ -8,5 +8,6 @@
@import url("styles/main.css");
@import url("styles/font-awesome.css");
@import url("styles/header.css");
+ @import url("styles/menu.css");
diff --git a/website/views/header.php b/website/views/header.php
index bb15a0c..7bb63a5 100644
--- a/website/views/header.php
+++ b/website/views/header.php
@@ -1,4 +1,4 @@
-
-
+
diff --git a/website/views/main.php b/website/views/main.php
index 2f1574a..9d47369 100644
--- a/website/views/main.php
+++ b/website/views/main.php
@@ -1,3 +1,4 @@
diff --git a/website/views/menu.php b/website/views/menu.php
new file mode 100644
index 0000000..2f8d415
--- /dev/null
+++ b/website/views/menu.php
@@ -0,0 +1,42 @@
+
