标题显示调整

This commit is contained in:
Meekdai 2023-11-22 11:14:45 +08:00
parent 814caef4fc
commit ab1a59677b
3 changed files with 8 additions and 11 deletions

View File

@ -7,7 +7,7 @@
<style> <style>
.avatar {transition: 0.8s;} .avatar {transition: 0.8s;}
.avatar:hover{transform: scale(1.15) rotate(360deg);} .avatar:hover{transform: scale(1.15) rotate(360deg);}
h1 a{color:inherit;text-decoration:none;vertical-align: bottom;font-size:40px;font-family:Monaco;} .blogTitle{margin: auto 0;font-size:40px;font-weight:bold;font-family:Monaco;}
.title-right{display:flex;margin:auto 0 0 auto;} .title-right{display:flex;margin:auto 0 0 auto;}
.title-right button{margin-right:8px;padding:16px;} .title-right button{margin-right:8px;padding:16px;}
@ -26,7 +26,7 @@ h1 a{color:inherit;text-decoration:none;vertical-align: bottom;font-size:40px;fo
@media (max-width: 767px) { @media (max-width: 767px) {
body {padding: 8px;} body {padding: 8px;}
h1 a{font-size:24px;} .blogTitle{font-size:24px;}
.subnav-search form{display:none;} .subnav-search form{display:none;}
.subnav-search svg{display:none;} .subnav-search svg{display:none;}
#buttonRSS{display:none;} #buttonRSS{display:none;}
@ -39,9 +39,9 @@ h1 a{color:inherit;text-decoration:none;vertical-align: bottom;font-size:40px;fo
<h1> <h1>
<img src="{{ blogBase['avatarUrl'] }}" size="64" height="64" width="64" class="avatar circle" id="avatarImg"> <img src="{{ blogBase['avatarUrl'] }}" size="64" height="64" width="64" class="avatar circle" id="avatarImg">
{%- if blogBase['displayTitle']=='eekdai' -%} {%- if blogBase['displayTitle']=='eekdai' -%}
<a class="blogTitle" href="https://meekdai.com">{{ blogBase['displayTitle'] }}</a> <button class="blogTitle" href="https://meekdai.com">{{ blogBase['displayTitle'] }}</button>
{% else -%} {% else -%}
<a class="blogTitle">{{ blogBase['displayTitle'] }}</a> <span class="blogTitle">{{ blogBase['displayTitle'] }}</span>
{%- endif -%} {%- endif -%}
</h1> </h1>
<div class="title-right"> <div class="title-right">

View File

@ -7,8 +7,7 @@
{% block style %} {% block style %}
<style> <style>
h1 a{color:inherit;text-decoration:none;vertical-align: bottom;font-size:40px;} .postTitle{margin: auto 0;font-size:40px;font-weight:bold;font-family:Monaco;}
a.heading-link{color:inherit;text-decoration:none;}
.title-right{display:flex;margin:auto 0 0 auto;} .title-right{display:flex;margin:auto 0 0 auto;}
.title-right .circle{padding: 14px 16px;margin-right:8px;} .title-right .circle{padding: 14px 16px;margin-right:8px;}
#postBody{border-bottom: 1px solid var(--color-border-default);padding-bottom:36px;} #postBody{border-bottom: 1px solid var(--color-border-default);padding-bottom:36px;}
@ -18,16 +17,14 @@ a.heading-link{color:inherit;text-decoration:none;}
.g-emoji{font-size:24px;} .g-emoji{font-size:24px;}
@media (max-width: 767px) { @media (max-width: 767px) {
body {padding: 8px;} body {padding: 8px;}
h1 a{font-size:24px;} .postTitle{font-size:24px;}
} }
</style> </style>
{{ blogBase['style'] }} {{ blogBase['style'] }}
{% endblock %} {% endblock %}
{% block header %} {% block header %}
<h1> <span class="postTitle">{{ blogBase['postTitle'] }}</span>
<a class="postTitle">{{ blogBase['postTitle'] }}</a>
</h1>
<div class="title-right"> <div class="title-right">
<a href="/"><button id="buttonHome" class="btn btn-invisible circle" title="{{ i18n['home'] }}"> <a href="/"><button id="buttonHome" class="btn btn-invisible circle" title="{{ i18n['home'] }}">

View File

@ -5,7 +5,7 @@
{% block style %} {% block style %}
<style> <style>
.tagTitle{color:inherit;text-decoration:none;vertical-align: bottom;font-size:40px;font-family:Monaco;} .tagTitle{margin: auto 0;font-size:40px;font-weight:bold;font-family:Monaco;}
.title-right{display:flex;margin:auto 0 0 auto;} .title-right{display:flex;margin:auto 0 0 auto;}
.title-right .circle{padding: 14px 16px;margin-right:8px;} .title-right .circle{padding: 14px 16px;margin-right:8px;}