From dec87e2a665c5cd1c75686dda388c042a1b042f6 Mon Sep 17 00:00:00 2001 From: Patryk Niedźwiedziński Date: Sat, 9 Nov 2019 08:28:09 +0100 Subject: Add stories for Header & JoinUs --- components/TheHeader.vue | 183 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 183 insertions(+) create mode 100644 components/TheHeader.vue (limited to 'components/TheHeader.vue') diff --git a/components/TheHeader.vue b/components/TheHeader.vue new file mode 100644 index 0000000..431b945 --- /dev/null +++ b/components/TheHeader.vue @@ -0,0 +1,183 @@ + + + + + \ No newline at end of file -- cgit 1.4.1 From 65ff7d9f2daa59e44f0cdb1aae8d7cbcd9d4603f Mon Sep 17 00:00:00 2001 From: Patryk Niedźwiedziński Date: Tue, 3 Dec 2019 12:41:39 +0100 Subject: Fix menu open --- components/PostLink.vue | 2 +- components/PostList/PurePostList.vue | 4 ++-- components/TheHeader.vue | 21 ++++++++++++++------- 3 files changed, 17 insertions(+), 10 deletions(-) (limited to 'components/TheHeader.vue') diff --git a/components/PostLink.vue b/components/PostLink.vue index 2dc3dd9..54cd934 100644 --- a/components/PostLink.vue +++ b/components/PostLink.vue @@ -40,7 +40,7 @@ export default { margin: 20px; flex-basis: 410px; max-width: 410px; - height: 250px; + /* height: 250px; */ box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); background: #ffffff; text-align: left; diff --git a/components/PostList/PurePostList.vue b/components/PostList/PurePostList.vue index 07883ad..ace069f 100644 --- a/components/PostList/PurePostList.vue +++ b/components/PostList/PurePostList.vue @@ -49,7 +49,7 @@ export default { .post-list-container { display: flex; flex-wrap: wrap; - justify-content: initial; + justify-content: center; } @keyframes loading { @@ -88,4 +88,4 @@ export default { .fade-in-enter-active { animation: fade-in 0.3s reverse; } - \ No newline at end of file + diff --git a/components/TheHeader.vue b/components/TheHeader.vue index 431b945..4d17616 100644 --- a/components/TheHeader.vue +++ b/components/TheHeader.vue @@ -1,14 +1,21 @@ @@ -38,12 +45,12 @@ export default { }, data: function() { return { - isMenuCollapsed: true + showMenu: false } }, methods: { toggleMenu() { - this.isMenuCollapsed = !this.isMenuCollapsed + this.showMenu = !this.showMenu } } } @@ -180,4 +187,4 @@ export default { height: calc(100% - 80px); } } - \ No newline at end of file + -- cgit 1.4.1