xt/blog
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

style:调整Logo部分的响应式变化。

Browse Source
This commit is contained in:
徐涛 2021-04-27 08:31:23 +08:00
parent 3cabf98b56
commit dbd3e8b743
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
themes/grid/layout/partial/header.ejs
View File

@ -1,7 +1,7 @@
<nav class="uk-navbar-container uk-box-shadow-medium" uk-navbar uk-sticky> <nav class="uk-navbar-container uk-box-shadow-medium" uk-navbar uk-sticky>
<div class="uk-navbar-left"> <div class="uk-navbar-left flex row-a ry-baseline-a rx-start-a cy-center-a w-wrap-a">
<a class="uk-navbar-item uk-logo" href="/index.html"><%= config.title %></a> <a class="uk-navbar-item uk-logo compact-logo-n" href="/index.html"><%= config.title %></a>
<span class="uk-navbar-item">用碎片化的时间收集碎片化的知识</span> <span class="uk-navbar-item compact-slogon-n">用碎片化的时间收集碎片化的知识</span>
</div> </div>
<div class="uk-navbar-right"> <div class="uk-navbar-right">
<a href="#" class="uk-navbar-toggle hiw" uk-navbar-toggle-icon uk-toggle="target: #off-menu"></a> <a href="#" class="uk-navbar-toggle hiw" uk-navbar-toggle-icon uk-toggle="target: #off-menu"></a>

11
themes/grid/source/css/narrow.less
View File

@ -17,3 +17,14 @@
.tags-toc-list .tags-toc-list-item { .tags-toc-list .tags-toc-list-item {
width: 90%; width: 90%;
} }
@media screen and (max-width: 420px) {
.compact-logo-n {
min-height: 28px;
font-size: 1.2rem;
}
.compact-slogon-n {
min-height: 24px;
font-size: 0.5rem;
}
}