zhao/hugo-theme-moments
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

new tag style

Browse source
This commit is contained in:
FarseaSH 2023-12-23 19:58:32 +08:00
parent d587ced39c
commit ab4dc72cbd
2 changed files with 75 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

52
assets/style-refractored.scss
View file

@ -217,6 +217,7 @@ $gray: #919EB1;
.avatar{ .avatar{
max-height: 45px; max-height: 45px;
float: left; float: left;
margin-right: 5px;
} }
.intro{ .intro{
@ -235,17 +236,10 @@ $gray: #919EB1;
line-height: 18px; line-height: 18px;
} }
.tag{ .moment-signature{
font-size: 80%; font-size: 80%;
margin-left: 0px;
margin-right: 10px;
color: #6c757d!important; color: #6c757d!important;
white-space: nowrap; white-space: nowrap;
&::before{
content:"#";
padding-right: 1px;
}
} }
} }
@ -280,6 +274,48 @@ $gray: #919EB1;
} }
} }
.tag-div {
display: -webkit-flex;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 20px;
.new-tag {
line-height: 30px;
padding-left: 20px;
padding-right: 15px;
margin-right: 10px;
border-radius: 15px;
background-color: #EDEDED;
color: #132939;
text-indent: -10px;
font-size: 90%;
white-space: nowrap;
&::before{
content:"#";
text-align: center;
background-color: #8EA1B0;
color: #ffffff;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 6px;
padding-right: 6px;
border-radius: 12px;
margin-right: 2px;
font-size: 110%;
}
}
}
.single-pic{ .single-pic{
max-width: 65%; max-width: 65%;
max-height: 250px; max-height: 250px;

31
layouts/partials/row.html
View file

@ -34,12 +34,26 @@
{{ end }} {{ end }}
</div> </div>
<div class="intro"> <div class="intro">
<div class="name">
{{ with $page.Params.name }} {{ with $page.Params.name }}
<div class="name">{{ . }}</div> {{ . }}
{{ else }} {{ else }}
<div class="name">{{ $site.Params.name }}</div> {{ $site.Params.name }}
{{ end }} {{ end }}
<div> </div>
<div class="moment-signature">
{{ with $page.Params.signature }}
{{ . }}
{{ else }}
发布了
{{ end }}
</div>
</div>
</div>
<div style="padding-left: 5px; padding-right: 5px;">
{{/* tag */}}
{{ $tags_filtered := slice}} {{ $tags_filtered := slice}}
{{ with $page.Params.tags }} {{ with $page.Params.tags }}
{{ range . }} {{ range . }}
@ -49,13 +63,16 @@
{{ end }} {{ end }}
{{ end }} {{ end }}
{{ with $tags_filtered }} {{ with $tags_filtered }}
{{ range . }}<span class="tag text-muted">{{ . }}</span>{{ end }} <div class="tag-div">
{{ range . }}
<div class="new-tag">
{{ . }}
</div>
{{ end }} {{ end }}
</div> </div>
</div> {{ end }}
</div>
<div style="padding-left: 5px; padding-right: 5px;">
{{/* Main text content */}} {{/* Main text content */}}
{{ if .Site.Params.features.heti }}<div class="context heti">{{ else }}<div class="context">{{ end }} {{ if .Site.Params.features.heti }}<div class="context heti">{{ else }}<div class="context">{{ end }}
{{ $page.Content }} {{ $page.Content }}