noham/oled-nnw
1
0
Fork 0
mirror of https://github.com/NohamR/oled-nnw.git synced 2026-05-24 20:00:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: footer style

Browse Source
This commit is contained in:
changjun
2023-05-07 23:43:39 +08:00
parent 748bb50f1e
commit e7acd9e7a9
2 changed files with 28 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Elegant.nnwtheme/stylesheet.css
View File

@@ -15,6 +15,7 @@
.xxLargeText{font-size:1.5rem;line-height:2rem;}
/* layer: default */
.mx-auto{margin-left:auto;margin-right:auto;}
.mb-6{margin-bottom:1.5rem;}
.mt-2{margin-top:0.5rem;}
.mt-4{margin-top:1rem;}
.mt-6{margin-top:1.5rem;}
@@ -30,8 +31,11 @@
.rounded-md{border-radius:0.375rem;}
.px-8{padding-left:2rem;padding-right:2rem;}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}
.text-center{text-align:center;}
.font-sans{font-family:ui-sans-serif,system-ui;}
.text-sm{font-size:0.875rem;line-height:1.25rem;}
.text-gray-300{--un-text-opacity:1;color:rgba(209,213,219,var(--un-text-opacity));}
.opacity-60{opacity:0.6;}
.opacity-80{opacity:0.8;}
/* layer: my-style */
/* my style */

14
Elegant.nnwtheme/template.html
View File

@@ -30,7 +30,9 @@ body: The body of the article.
-->
<div class="max-w-prose mx-auto flex flex-col items-center mt-6">
<div class="animate-fade-in max-w-prose mx-auto font-sans [[text_size_class]]">
<div class="flex flex-col items-center mt-6">
<img src="[[avatar_src]]" class="w-18 h-18 rounded-md" alt="">
<div class="flex mt-4 space-x-2">
<a href="[[preferred_link]]" class="text-gray-300" alt="original text" title="original text [[title]]">
@@ -42,10 +44,18 @@ body: The body of the article.
</div>
</div>
<article class="animate-fade-in prose max-w-prose px-8 py-3 mx-auto prose-dark dark:prose-light font-sans [[text_size_class]]">
<article class="prose px-8 py-3 prose-dark dark:prose-light">
<h1>[[title]]</h1>
<p class="mt-2 opacity-80">[[datetime_medium]]</p>
[[body]]
</article>
<footer class="text-center flex flex-col mb-6">
<p class="opacity-60 text-sm">- THE END -</p>
<a href="[[feed_link]]" class="">[[byline]]</a>
</footer>
</div>