css
This commit is contained in:
parent
8460505e0a
commit
c84fd83d73
|
|
@ -1,4 +1,4 @@
|
|||
<div class='nav-wrap mobile-hidden'>
|
||||
<div class='nav-wrap'>
|
||||
<nav class='sub post cap'>
|
||||
<% if (is_home()) { %>
|
||||
<a class='active' href='/'><%- __('btn.recent_publish') %></a>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<%
|
||||
function layoutDiv() {
|
||||
var el = '';
|
||||
el += '<div class="nav-wrap mobile-hidden">';
|
||||
el += '<div class="nav-wrap">';
|
||||
el += '<nav class="sub wiki cap">';
|
||||
// 所有项目
|
||||
el += '<a';
|
||||
|
|
|
|||
|
|
@ -1,7 +1,11 @@
|
|||
<%
|
||||
function layoutMenu() {
|
||||
var el = '';
|
||||
el += '<nav class="menu dis-select">'
|
||||
el += '<nav class="menu dis-select';
|
||||
if (where == 'main') {
|
||||
el += ' mobile-hidden';
|
||||
}
|
||||
el += '">';
|
||||
for (let id of Object.keys(theme.sidebar.menu)) {
|
||||
let item = theme.sidebar.menu[id];
|
||||
if (item == undefined || item.length == 0) {
|
||||
|
|
@ -18,31 +22,6 @@ function layoutMenu() {
|
|||
el += '</nav>';
|
||||
return el;
|
||||
}
|
||||
function layoutMainMenu() {
|
||||
var el = '';
|
||||
el += partial('logo');
|
||||
el += '<nav class="menu dis-select">'
|
||||
for (let id of Object.keys(theme.sidebar.menu)) {
|
||||
let item = theme.sidebar.menu[id];
|
||||
if (item == undefined || item.length == 0) {
|
||||
continue;
|
||||
}
|
||||
el += '<a class="nav-item';
|
||||
if (id == page.menu_id) {
|
||||
el += ' active';
|
||||
}
|
||||
el += '" href="' + url_for(md_link(item)) + '">';
|
||||
el += __(md_text(item));
|
||||
el += '</a>';
|
||||
}
|
||||
el += '</nav>';
|
||||
return el;
|
||||
}
|
||||
function layoutWikiMenu() {
|
||||
var el = '';
|
||||
el += partial('logo');
|
||||
return el;
|
||||
}
|
||||
function layoutDiv() {
|
||||
var el = '';
|
||||
el += '<header class="header';
|
||||
|
|
@ -50,14 +29,20 @@ function layoutDiv() {
|
|||
el += ' mobile-only';
|
||||
}
|
||||
el += '">';
|
||||
if (where == 'main') {
|
||||
el += '<button type="button" class="sidebar-toggle" onclick="sidebar.toggle()"><svg class="icon" style="width:1em;height:1em;vertical-align:middle;fill:currentColor;overflow:hidden" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15301"><path d="M566.407 808.3c26.9-0.1 49.3-20.8 51.6-47.6-1.9-27.7-23.9-49.7-51.6-51.6h-412.6c-28.2-1.4-52.6 19.5-55.5 47.6 2.3 26.8 24.6 47.5 51.6 47.6h416.5v4z m309.3-249.9c26.9-0.1 49.3-20.8 51.6-47.6-2.2-26.8-24.6-47.5-51.6-47.6h-721.9c-27.7-2.8-52.5 17.4-55.3 45.1-0.1 0.8-0.1 1.7-0.2 2.5 0.9 27.2 23.6 48.5 50.7 47.6H875.707z m-103.1-245.9c26.9-0.1 49.3-20.8 51.6-47.6-0.4-28.3-23.2-51.1-51.5-51.6h-618.9c-29.5-1.1-54.3 21.9-55.5 51.4v0.2c1.4 27.8 25.2 49.2 53 47.8 0.8 0 1.7-0.1 2.5-0.2h618.8z" p-id="15302"></path><path d="M566.407 808.3c26.9-0.1 49.3-20.8 51.6-47.6-1.9-27.7-23.9-49.7-51.6-51.6h-412.6c-28.2-1.4-52.6 19.5-55.5 47.6 1.9 27.7 23.9 49.7 51.6 51.6h416.5z m309.3-249.9c26.9-0.1 49.3-20.8 51.6-47.6-2.2-26.8-24.6-47.5-51.6-47.6h-721.9c-27.7-2.8-52.5 17.4-55.3 45.1-0.1 0.8-0.1 1.7-0.2 2.5 0.9 27.2 23.6 48.5 50.7 47.6H875.707z m-103.1-245.9c26.9-0.1 49.3-20.8 51.6-47.6-0.4-28.3-23.2-51.1-51.5-51.6h-618.9c-29.5-1.1-54.3 21.9-55.5 51.4v0.2c1.4 27.8 25.2 49.2 53 47.8 0.8 0 1.7-0.1 2.5-0.2h618.8z" p-id="15303"></path></svg></button>';
|
||||
}
|
||||
el += partial('logo');
|
||||
if (page.layout === 'wiki' && page.wiki) {
|
||||
if (page.menu_id !== 'wiki') {
|
||||
if (where != 'main') {
|
||||
if (page.layout === 'wiki' && page.wiki) {
|
||||
if (page.menu_id !== 'wiki') {
|
||||
el += layoutMenu();
|
||||
}
|
||||
} else {
|
||||
el += layoutMenu();
|
||||
}
|
||||
} else {
|
||||
el += layoutMenu();
|
||||
}
|
||||
|
||||
el += '</header>';
|
||||
return el;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
|
||||
.mobile-hidden
|
||||
@media screen and (max-width: $device-tablet)
|
||||
display: none
|
||||
display: none !important
|
||||
|
||||
.float-panel
|
||||
position: sticky
|
||||
|
|
|
|||
|
|
@ -57,7 +57,6 @@ $fs-p = $fs-15
|
|||
$fs-code = $fs-13
|
||||
|
||||
$border-card = 12px
|
||||
$border-widget = 4px
|
||||
$border-block = 6px
|
||||
$border-image = 6px
|
||||
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
// iPad 竖屏
|
||||
@media screen and (max-width: $device-tablet)
|
||||
.mobile-only
|
||||
display: block !important
|
||||
display: flex !important
|
||||
.l_body
|
||||
padding: 0
|
||||
.l_left
|
||||
|
|
@ -32,6 +32,7 @@
|
|||
left: 0
|
||||
background: var(--site-bg)
|
||||
box-shadow: $boxshadow-card-float
|
||||
z-index: 10
|
||||
.l_main
|
||||
max-width: 100%
|
||||
.l_body.mobile
|
||||
|
|
|
|||
|
|
@ -7,4 +7,11 @@
|
|||
@media screen and (min-width: $device-tablet)
|
||||
padding-top: "calc(2 * %s)" % var(--gap-l)
|
||||
header
|
||||
margin: 2rem 1rem
|
||||
margin: 3rem 1rem 2rem
|
||||
.sidebar-toggle
|
||||
margin-right: .5rem
|
||||
font-size: 1.25rem
|
||||
background: none
|
||||
color: var(--text-p1)
|
||||
.logo-wrap
|
||||
margin: 0
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
|
||||
|
||||
.logo-wrap
|
||||
margin: 1rem 0 .5rem
|
||||
margin: 1rem 0
|
||||
display: flex
|
||||
align-items: center
|
||||
overflow: hidden
|
||||
|
|
|
|||
Loading…
Reference in New Issue