notfire/Iceshrimp.NET
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[frontend/components] Display file name for compose attachments that aren't images

Browse source
This commit is contained in:
pancakes 2025-02-26 18:27:19 +10:00 • committed by Laura Hausmann
parent e1ddc5c8f6
commit da5f065757
No known key found for this signature in database
GPG key ID: D044E84C5BE01605
2 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
Iceshrimp.Frontend/Components/ComposeAttachment.razor
View file

@ -16,15 +16,19 @@
} }
else if (File.ContentType.StartsWith("audio") || Constants.CommonAudioExtensions.Any(e => File.Filename.EndsWith(e))) else if (File.ContentType.StartsWith("audio") || Constants.CommonAudioExtensions.Any(e => File.Filename.EndsWith(e)))
{ {
<Icon Name="Icons.FileAudio" Size="5em"/> <Icon Name="Icons.FileAudio" Size="3em"/>
} }
else if (File.ContentType.StartsWith("video") || Constants.CommonVideoExtensions.Any(e => File.Filename.EndsWith(e))) else if (File.ContentType.StartsWith("video") || Constants.CommonVideoExtensions.Any(e => File.Filename.EndsWith(e)))
{ {
<Icon Name="Icons.FileVideo" Size="5em"/> <Icon Name="Icons.FileVideo" Size="3em"/>
} }
else else
{ {
<Icon Name="Icons.File" Size="5em"/> <Icon Name="Icons.File" Size="3em"/>
}
@if (!File.ContentType.StartsWith("image") && Constants.CommonImageExtensions.All(e => !File.Filename.EndsWith(e)))
{
<span class="file-name">@File.Filename</span>
} }
<div class="labels"> <div class="labels">
@if (File.Description != null) @if (File.Description != null)

7
Iceshrimp.Frontend/Components/ComposeAttachment.razor.css
View file

@ -3,6 +3,7 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
gap: 0.25rem; gap: 0.25rem;
max-width: 10rem;
padding: 0.5rem 0.5rem 0; padding: 0.5rem 0.5rem 0;
border-radius: 0.5rem; border-radius: 0.5rem;
cursor: pointer; cursor: pointer;
@ -12,6 +13,12 @@
background-color: var(--hover-color); background-color: var(--hover-color);
} }
.file-name {
font-size: 0.8em;
text-align: center;
word-wrap: break-word;
}
::deep { ::deep {
.ph { .ph {
display: block; display: block;