Consistency fix for menu button

This commit is contained in:
Damillora 2020-11-11 18:06:04 +07:00
parent 2c268a38dd
commit be1319374f
3 changed files with 6 additions and 6 deletions

View File

@ -6,7 +6,7 @@
<header> <header>
<div class="header-top"> <div class="header-top">
<a @click="menu_shown = !menu_shown" id="menushow"> <a @click="menu_shown = !menu_shown" id="menushow">
<span class="h-12 w-12 px-3 py-3 text-white material-icons" alt="menu">menu</span> <span class="h-12 w-12 px-2 py-3 text-white material-icons" alt="menu">menu</span>
</a> </a>
<div class="header-title" @click="menu_shown = !menu_shown" > <div class="header-title" @click="menu_shown = !menu_shown" >
<nuxt-link to="/"><h1 class="text-lg text-white">Damillora</h1></nuxt-link> <nuxt-link to="/"><h1 class="text-lg text-white">Damillora</h1></nuxt-link>
@ -108,7 +108,7 @@ export default {
.site-header { .site-header {
@apply fixed; @apply fixed;
height: 100vh; height: 100vh;
width: 3.5rem; width: 4rem;
} }
.site-header.enabled { .site-header.enabled {
width: 100vw; width: 100vw;
@ -155,7 +155,7 @@ header {
@apply bg-yuika-blue-500; @apply bg-yuika-blue-500;
} }
#menushow { #menushow {
@apply block cursor-pointer relative px-1 py-2 transition duration-300 ease-in-out; @apply w-16 h-16 cursor-pointer relative p-2 text-center whitespace-no-wrap transition duration-300 ease-in-out;
} }
#menushow:hover { #menushow:hover {
@apply bg-yuika-blue-500; @apply bg-yuika-blue-500;
@ -170,7 +170,7 @@ header {
@screen md { @screen md {
.header-menu .nav-menu { .header-menu .nav-menu {
max-height: 100vh; max-height: 100vh;
margin-left: 3.5rem; margin-left: 4rem;
max-width: 0px; max-width: 0px;
} }
.header-menu .nav-menu.enabled { .header-menu .nav-menu.enabled {

View File

@ -43,7 +43,7 @@ html {
} }
.content { .content {
padding-top: 0; padding-top: 0;
margin-left: 3.5rem; margin-left: 4rem;
} }
} }
main { main {

View File

@ -1,6 +1,6 @@
{ {
"name": "@damillora/miracle", "name": "@damillora/miracle",
"version": "2.0.0", "version": "2.0.1",
"description": "nanao.moe homepage, but in Vue", "description": "nanao.moe homepage, but in Vue",
"author": "Damillora", "author": "Damillora",
"private": true, "private": true,