diff options
| author | gumi <git@gumi.ca> | 2019-07-25 16:16:23 -0400 |
|---|---|---|
| committer | gumi <git@gumi.ca> | 2019-07-25 16:16:23 -0400 |
| commit | 063596761ba9bb97f30dbc53e73d8c58d1ab5f6a (patch) | |
| tree | 6ea9dfda80d3fcf3788c844f831dda5fb33d5552 | |
| parent | 1d2735f198e81e3f294480e026ec731533dfef5c (diff) | |
| download | website-063596761ba9bb97f30dbc53e73d8c58d1ab5f6a.tar.gz website-063596761ba9bb97f30dbc53e73d8c58d1ab5f6a.tar.bz2 website-063596761ba9bb97f30dbc53e73d8c58d1ab5f6a.tar.xz website-063596761ba9bb97f30dbc53e73d8c58d1ab5f6a.zip | |
re-position the hamburger menu for the new logo
| -rw-r--r-- | src/App.vue | 2 | ||||
| -rw-r--r-- | src/components/Logo.vue | 1 | ||||
| -rw-r--r-- | src/components/Navigation.vue | 4 |
3 files changed, 6 insertions, 1 deletions
diff --git a/src/App.vue b/src/App.vue index d9e6711..2aa9612 100644 --- a/src/App.vue +++ b/src/App.vue @@ -17,6 +17,8 @@ } #app { + z-index: 100; + & > .nav { grid-area: side; } diff --git a/src/components/Logo.vue b/src/components/Logo.vue index 18311f9..7cc31f3 100644 --- a/src/components/Logo.vue +++ b/src/components/Logo.vue @@ -34,6 +34,7 @@ color: #34B039; height: 11vw; cursor: pointer; + z-index: 200; & span:last-of-type { display: none; diff --git a/src/components/Navigation.vue b/src/components/Navigation.vue index 54a50b0..ad79c9b 100644 --- a/src/components/Navigation.vue +++ b/src/components/Navigation.vue @@ -43,6 +43,8 @@ font-size: 8vw; text-decoration: none; color: gray(50); + z-index: 300; + display: block; &::before { content: "☰"; @@ -134,7 +136,7 @@ @media (min-width: 460px) { .nav { & .hamburger { - top: 1vw; + top: 3vw; right: 2vw; font-size: calc(1rem + 3vw); } |