Damillora/miracle
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Consistency fix for menu button

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/Header.vue
View File

@ -6,7 +6,7 @@
<header>
<div class="header-top">
<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>
<div class="header-title" @click="menu_shown = !menu_shown" >
<nuxt-link to="/"><h1 class="text-lg text-white">Damillora</h1></nuxt-link>
@ -108,7 +108,7 @@ export default {
.site-header {
@apply fixed;
height: 100vh;
width: 3.5rem;
width: 4rem;
}
.site-header.enabled {
width: 100vw;
@ -155,7 +155,7 @@ header {
@apply bg-yuika-blue-500;
}
#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 {
@apply bg-yuika-blue-500;
@ -170,7 +170,7 @@ header {
@screen md {
.header-menu .nav-menu {
max-height: 100vh;
margin-left: 3.5rem;
margin-left: 4rem;
max-width: 0px;
}
.header-menu .nav-menu.enabled {

2
layouts/default.vue
View File

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

2
package.json
View File

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