From 724cc750fea779556a5de11faed4af398a1bf609 Mon Sep 17 00:00:00 2001
From: Book Pauk <bookpauk@gmail.com>
Date: Fri, 25 Jan 2019 23:00:39 +0700
Subject: [PATCH] =?UTF-8?q?=D0=A0=D0=B0=D0=B1=D0=BE=D1=82=D0=B0=20=D0=BD?=
 =?UTF-8?q?=D0=B0=D0=B4=20HistoryPage?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Reader/HistoryPage/HistoryPage.vue        | 53 +++++++++++++++++--
 1 file changed, 50 insertions(+), 3 deletions(-)

diff --git a/client/components/Reader/HistoryPage/HistoryPage.vue b/client/components/Reader/HistoryPage/HistoryPage.vue
index 7270a3a9..0fe7085d 100644
--- a/client/components/Reader/HistoryPage/HistoryPage.vue
+++ b/client/components/Reader/HistoryPage/HistoryPage.vue
@@ -1,7 +1,14 @@
 <template>
-    <el-container>
-        Раздел History в разработке
-    </el-container>
+    <div ref="main" class="main">
+        <div class="window">
+            <div class="header">
+                <span class="header-text">Прочитаные книги:</span>
+            </div>
+            <div class="list">
+                Test
+            </div>
+        </div>
+    </div>
 </template>
 
 <script>
@@ -13,8 +20,48 @@ export default @Component({
 })
 class HistoryPage extends Vue {
     created() {
+        this.commit = this.$store.commit;
     }
 
 }
 //-----------------------------------------------------------------------------
 </script>
+
+<style scoped>
+.main {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.window {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    min-width: 200px;
+    max-width: 600px;
+    background-color: #f5f7fa;
+    margin: 10px;
+    border: 1px solid black;
+    box-shadow: 3px 3px 5px black;
+}
+
+.header {
+    display: flex;
+    align-items: center;
+    height: 40px;
+}
+
+.header-text {
+    margin-left: 10px;
+}
+
+.list {
+    flex: 1;
+    background-color: #ffffff;
+}
+
+.list-item {
+}
+</style>
\ No newline at end of file