encrypt/gancio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix nav overflow

Browse Source
This commit is contained in:
les
2020-06-04 23:33:45 +02:00
parent 350482f661
commit 73fb3408a5
2 changed files with 34 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
assets/style.less
View File

@@ -61,10 +61,7 @@ p {
color: white; color: white;
background-color: #222; background-color: #222;
font-size: 18px; font-size: 18px;
// > *{ padding: 0 15px;
// max-width: 1200px;
// margin: 0 auto;
// }
} }
@@ -93,6 +90,14 @@ p {
color: white; 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:not(.is-disabled):focus,
.el-menu-item.is-active, .el-menu-item.is-active,
.el-menu-item:not(.is-disabled):hover, .el-menu-item:not(.is-disabled):hover,

47
components/Nav.vue
View File

@@ -1,5 +1,5 @@
<template lang="pug"> <template lang="pug">
div#nav el-header#header
nuxt-link#logo(:to='$route.name==="index"?"/about":"/"') nuxt-link#logo(:to='$route.name==="index"?"/about":"/"')
img(src='/favicon.ico') img(src='/favicon.ico')
span.ml-1.hidden-xs-only {{settings.title}} span.ml-1.hidden-xs-only {{settings.title}}
@@ -88,34 +88,37 @@ export default {
message: e message: e
}) })
} }
}, }
} }
} }
</script> </script>
<style lang='less'> <style lang='less'>
#header {
#logo { display: inline;
img { #logo {
max-height: 60px; 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;
}
} }
line-height: 60px;
float: left;
color: white;
font-size: 1.5em;
font-weight: 600;
text-decoration: none;
small {
font-size: 0.5em;
}
}
#menu { #menu {
float: right; position: absolute;
border-bottom: none; right: 10px;
top: 0px;
.el-menu-item { border-bottom: none;
padding: 0px 15px; .el-menu-item {
padding: 0px 15px;
}
} }
} }