Commit 73fb3408 authored by les's avatar les
Browse files

fix nav overflow

parent 350482f6
......@@ -61,10 +61,7 @@ p {
color: white;
background-color: #222;
font-size: 18px;
// > *{
// max-width: 1200px;
// margin: 0 auto;
// }
padding: 0 15px;
}
......@@ -93,6 +90,14 @@ p {
color: white;
}
.el-submenu .el-submenu__icon-arrow {
margin-left: 0px;
}
.el-submenu .el-submenu__title {
padding: 0 15px;
}
.el-menu-item:not(.is-disabled):focus,
.el-menu-item.is-active,
.el-menu-item:not(.is-disabled):hover,
......
<template lang="pug">
div#nav
el-header#header
nuxt-link#logo(:to='$route.name==="index"?"/about":"/"')
img(src='/favicon.ico')
span.ml-1.hidden-xs-only {{settings.title}}
......@@ -88,34 +88,37 @@ export default {
message: e
})
}
},
}
}
}
</script>
<style lang='less'>
#logo {
img {
max-height: 60px;
}
line-height: 60px;
float: left;
color: white;
font-size: 1.5em;
font-weight: 600;
text-decoration: none;
small {
font-size: 0.5em;
#header {
display: inline;
#logo {
img {
max-height: 60px;
}
float: left;
line-height: 60px;
color: white;
font-size: 1.5em;
font-weight: 600;
text-decoration: none;
small {
font-size: 0.5em;
}
}
}
#menu {
float: right;
border-bottom: none;
.el-menu-item {
padding: 0px 15px;
#menu {
position: absolute;
right: 10px;
top: 0px;
border-bottom: none;
.el-menu-item {
padding: 0px 15px;
}
}
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment