[frontend/components] Move note preview below compose footer

This commit is contained in:
pancakes 2024-12-18 12:37:28 +10:00 committed by Laura Hausmann
parent f93690dab1
commit a92ddee5f1
No known key found for this signature in database
GPG key ID: D044E84C5BE01605
2 changed files with 14 additions and 14 deletions

View file

@ -52,19 +52,6 @@
}
<textarea @ref="Textarea" @bind="NoteDraft.Text" @bind:event="oninput" class="textarea" placeholder="@TextPlaceholder" rows="5"
cols="35" autofocus="autofocus" aria-label="note text"></textarea>
@if (Preview)
{
<div class="preview">
@if (string.IsNullOrWhiteSpace(NoteDraft.Text))
{
<span>@Loc["Nothing to preview"]</span>
}
else
{
<MfmText Text="@NoteDraft.Text" Emoji="EmojiList"/>
}
</div>
}
<div class="footer">
<div class="buttons">
<button class="btn" title="@Loc["Upload file"]" @onclick="OpenUpload" aria-label="upload">
@ -88,6 +75,19 @@
</button>
</div>
</div>
@if (Preview)
{
<div class="preview">
@if (string.IsNullOrWhiteSpace(NoteDraft.Text))
{
<span>@Loc["Nothing to preview"]</span>
}
else
{
<MfmText Text="@NoteDraft.Text" Emoji="EmojiList"/>
}
</div>
}
<div @onclick="CloseDialog" class="backdrop"></div>
</div>
</dialog>

View file

@ -10,7 +10,7 @@
}
.compose .preview {
margin: 1rem 0.5em 0.5rem;
margin: 0.5rem 0.5em 0;
width: 100%;
overflow: hidden;
}