tailwind some small note metadata things.

This commit is contained in:
fiatjaf
2023-10-25 06:17:33 -03:00
parent d2594a921e
commit c2f342ee30
4 changed files with 10 additions and 116 deletions

View File

@@ -284,72 +284,6 @@ body.other .column_content {
max-width: 100%;
}
}
body.note .column_content .profile_intro,
body.other .column_content .profile_intro {
display: flex;
max-width: 100%;
align-items: center;
margin-bottom: 1rem;
}
@media print {
body.note .column_content .profile_intro,
body.other .column_content .profile_intro {
margin-bottom: 1rem;
}
}
body.note .column_content .profile_intro a,
body.other .column_content .profile_intro a {
display: inherit;
width: 100%;
align-items: inherit;
margin: 1rem 0 1rem 0;
text-decoration: none;
flex-wrap: wrap;
}
@media (max-width: 580px) {
body.note .column_content .profile_intro a,
body.other .column_content .profile_intro a {
margin-top: 0rem;
margin-bottom: -0.5rem;
}
}
body.note .column_content .published_at,
body.note .column_content .reply_of,
body.other .column_content .published_at,
body.other .column_content .reply_of {
width: 100%;
text-align: right;
align-self: end;
font-size: 0.8rem;
}
.theme--default body.note .column_content .published_at,
.theme--default body.note .column_content .reply_of,
.theme--default body.other .column_content .published_at,
.theme--default body.other .column_content .reply_of {
color: #9a9a9a;
}
.theme--dark body.note .column_content .published_at,
.theme--dark body.note .column_content .reply_of,
.theme--dark body.other .column_content .published_at,
.theme--dark body.other .column_content .reply_of {
color: #f3f3f3;
}
.theme--default body.note .column_content .published_at a,
.theme--default body.note .column_content .reply_of a,
.theme--default body.other .column_content .published_at a,
.theme--default body.other .column_content .reply_of a {
color: #e32a6d;
}
.theme--dark body.note .column_content .published_at a,
.theme--dark body.note .column_content .reply_of a,
.theme--dark body.other .column_content .published_at a,
.theme--dark body.other .column_content .reply_of a {
color: #e32a6d;
}
body.note .column_content .reply_of,
body.other .column_content .reply_of {
margin-top: 0.2rem;
}
@media print {
@page {

View File

@@ -328,45 +328,6 @@ body.other {
flex-basis: 100%;
max-width: 100%;
}
.profile_intro {
display: flex;
max-width: 100%;
align-items: center;
margin-bottom: 1rem;
@media print {
margin-bottom: 1rem;
}
a {
display: inherit;
width: 100%;
align-items: inherit;
margin: 1rem 0 1rem 0;
text-decoration: none;
flex-wrap: wrap;
@media (max-width: 580px) {
margin-top: -0rem;
margin-bottom: -0.5rem;
}
}
}
.published_at,
.reply_of {
width: 100%;
text-align: right;
align-self: end;
font-size: 0.8rem;
@include themed() {
color: t($base5);
}
a {
@include themed() {
color: t($accent1);
}
}
}
.reply_of {
margin-top: 0.2rem;
}
}
}

View File

@@ -72,25 +72,24 @@
{{.Metadata.Name}}
<!---->
{{if not (eq .Metadata.Name .Metadata.DisplayName)}}
<span
class="text-sm sm:text-xl text-neutral-300 dark:text-slate-400"
<span class="text-sm sm:text-xl text-slate-400"
>{{.Metadata.DisplayName}}</span
>
{{end}}
</div>
<div
class="text-sm sm:text-base text-neutral-300 dark:text-slate-400"
>
<div class="text-sm sm:text-base text-slate-400">
{{.NpubShort}}
</div>
</div>
</a>
</header>
<div class="published_at">{{.CreatedAt}}</div>
<div class="w-full text-right text-sm text-slate-400">
{{.CreatedAt}}
</div>
<div class="reply_of">
{{ if not (eq "" .ParentLink) }} In reply to {{ .ParentLink }} {{
end }}
<div class="w-full text-right text-sm text-slate-400">
{{ if not (eq "" .ParentLink) }} In reply to
<span class="text-strongpink">{{ .ParentLink }}</span> {{ end }}
</div>
<div

View File

@@ -43,7 +43,7 @@
<div>
<div class="text-2xl">{{.Metadata.Name}}</div>
{{if not (eq .Metadata.Name .Metadata.DisplayName)}}
<div class="text-xl text-neutral-300 dark:text-slate-400">
<div class="text-xl text-slate-400">
{{.Metadata.DisplayName}}
</div>
{{end}}
@@ -61,7 +61,7 @@
<h1>
<div id="profile_name" class="text-2xl">{{.Metadata.Name}}</div>
{{if not (eq .Metadata.Name .Metadata.DisplayName)}}
<div class="text-xl text-neutral-300 dark:text-slate-400">
<div class="text-xl text-slate-400">
{{.Metadata.DisplayName}}
</div>
{{end}}