fix: 💄 Announcement padding/margins

This commit is contained in:
ThatOneCalculator 2023-09-02 09:57:38 -07:00
parent d38f6b6649
commit 45c5fa73ff
No known key found for this signature in database
GPG Key ID: 8703CACD01000000
2 changed files with 14 additions and 8 deletions

View File

@ -8,9 +8,11 @@
<div :class="$style.time"> <div :class="$style.time">
<MkTime :time="announcement.createdAt" /> <MkTime :time="announcement.createdAt" />
<div v-if="announcement.updatedAt"> <div v-if="announcement.updatedAt">
{{ i18n.ts.updatedAt }}: <small>
<MkTime :time="announcement.createdAt" /> {{ i18n.ts.updatedAt }}:
</div> <MkTime :time="announcement.createdAt" />
</small>
</span>
</div> </div>
<Mfm :text="text" /> <Mfm :text="text" />
<img <img
@ -80,6 +82,6 @@ const gotIt = () => {
} }
.gotIt { .gotIt {
margin: 8px 0 0 0; margin: 1rem 0 1rem 2rem;
} }
</style> </style>

View File

@ -16,8 +16,12 @@
class="announcement _panel" class="announcement _panel"
> >
<div class="_title"> <div class="_title">
<span v-if="$i && !announcement.isRead">🆕 </span> <h3>
<h3>{{ announcement.title }}</h3> <span v-if="$i && !announcement.isRead">
🆕&nbsp;
</span>
{{ announcement.title }}
</h3>
<MkTime :time="announcement.createdAt" /> <MkTime :time="announcement.createdAt" />
<div v-if="announcement.updatedAt"> <div v-if="announcement.updatedAt">
{{ i18n.ts.updatedAt }}: {{ i18n.ts.updatedAt }}:
@ -85,7 +89,7 @@ definePageMetadata({
} }
> ._title { > ._title {
padding: 14px 32px !important; padding: 0.5rem 2rem !important;
} }
> ._seperator { > ._seperator {
@ -93,7 +97,7 @@ definePageMetadata({
} }
> ._content { > ._content {
padding: 2rem; padding: 0 2rem !important;
> img { > img {
display: block; display: block;