From 1e15172a7dfe5baf20225786c1ea06af0d3e691c Mon Sep 17 00:00:00 2001 From: Patryk Niedźwiedziński Date: Mon, 12 Aug 2019 13:02:15 +0200 Subject: Add basic responsiveness to NavBar --- src/assets/krajka-logo.svg | 39 +++++++++++++++------------ src/components/NavBar.vue | 66 +++++++++++++++++++++++++++++++++++++++++++--- src/components/NavLink.vue | 8 +++++- 3 files changed, 91 insertions(+), 22 deletions(-) (limited to 'src') diff --git a/src/assets/krajka-logo.svg b/src/assets/krajka-logo.svg index 2111f90..6014783 100644 --- a/src/assets/krajka-logo.svg +++ b/src/assets/krajka-logo.svg @@ -1,29 +1,30 @@ - + - - + + - - + + - - - - - - - - - - - + + + + + + + + + + + + - + @@ -32,5 +33,9 @@ + + + + diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue index 2486933..c48dced 100644 --- a/src/components/NavBar.vue +++ b/src/components/NavBar.vue @@ -1,9 +1,11 @@
- + +
+
@@ -29,20 +31,30 @@ export default { data: function() { return { routes, - externalRoutes + externalRoutes, + menuCollapsed: true }; + }, + methods: { + toggleMenu() { + console.log("a"); + this.menuCollapsed = !this.menuCollapsed; + } } }; \ No newline at end of file diff --git a/src/components/NavLink.vue b/src/components/NavLink.vue index 7ad5088..5dbf609 100644 --- a/src/components/NavLink.vue +++ b/src/components/NavLink.vue @@ -1,6 +1,6 @@ @@ -27,4 +27,10 @@ export default { padding: 10px; margin: 10px; } + +@media (max-width: 1300px) { + .navlink { + margin: 0; + } +} \ No newline at end of file -- cgit 1.4.1