diff options
| -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); } |