hibby
/
PaperModX
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

enhance newsletter styles

This commit is contained in:
Reorx 2023-01-18 00:36:09 +08:00
parent 345bea16cb
commit bd3529a534
3 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
assets/css/extended/newsletter.scss
View File

@ -68,7 +68,7 @@ body.type-newsletter {
border-color: var(--signature); border-color: var(--signature);
} }
} }
button { button, input[type=submit] {
display: block; display: block;
background-color: var(--signature); background-color: var(--signature);
color: var(--theme); color: var(--theme);
@ -285,9 +285,9 @@ body.type-newsletter.kind-page {
.newsletter-sub { .newsletter-sub {
margin-top: calc(var(--content-gap) * 1.5); margin-top: calc(var(--content-gap) * 1.5);
background-color: var(--signature-bg-dim); background-color: var(--signature-bg-dim);
padding: 1em; padding: 1.5em 1.2em 1.2em;
.notice { .notice {
font-size: .8em; font-size: .9em;
color: var(--signature); color: var(--signature);
line-height: 1.6; line-height: 1.6;
} }

3
layouts/_default/single.html
View File

@ -56,7 +56,8 @@
{{- if $isNewsletter }} {{- if $isNewsletter }}
<div class="newsletter-sub"> <div class="newsletter-sub">
<div class="notice"> <div class="notice">
感谢你能读到这里，如果觉得有趣的话，欢迎在下方输入邮箱进行订阅。 Thanks for reading, if you like it, please subscribe below.<br>
<div style="font-size: .85em; margin-top: 8px;">感谢你能读到这里，如果觉得有趣的话，欢迎在下方输入邮箱进行订阅。</div>
</div> </div>
{{- partial "newsletter_sub_form.html"}} {{- partial "newsletter_sub_form.html"}}
</div> </div>

2
layouts/partials/newsletter_sub_form.html
View File

@ -3,6 +3,6 @@
<div class="sub-form"> <div class="sub-form">
<form action=""> <form action="">
<input type="text" name="email" placeholder="Your email address"> <input type="text" name="email" placeholder="Your email address">
<button>订阅 | Subscribe</button> <button>Subscribe | 订阅</button>
</form> </form>
</div> </div>