[frontend/components] Vertically align file attachments
This commit is contained in:
parent
9499ee825b
commit
465d0b4c8b
2 changed files with 11 additions and 8 deletions
|
@ -27,12 +27,14 @@
|
|||
}
|
||||
else
|
||||
{
|
||||
<span class="attachment file @(BlurImage ? "blur-image" : "")">
|
||||
<div class="attachment file @(BlurImage ? "blur-image" : "")">
|
||||
<div class="contents">
|
||||
<Icon Name="Icons.FileArrowDown" Size="3em"/>
|
||||
<a href="@Attachment.Url" target="_blank">
|
||||
@Attachment.Url.Split("/").Last()
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
@if (!string.IsNullOrWhiteSpace(Attachment.AltText))
|
||||
|
|
|
@ -26,11 +26,12 @@ audio.attachment {
|
|||
}
|
||||
|
||||
.file {
|
||||
display: block;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 1rem;
|
||||
white-space: normal;
|
||||
|
||||
> a {
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: var(--notice-color);
|
||||
word-break: break-word;
|
||||
|
|
Loading…
Add table
Reference in a new issue