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

View file

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