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

[frontend/components] Update reaction styling

Browse source
This commit is contained in:
Jeder 2024-10-27 20:09:29 +01:00 • committed by Lilian
parent d2a254dda3
commit b434d54d45
No known key found for this signature in database
3 changed files with 20 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
Iceshrimp.Frontend/Components/Note/NoteFooter.razor.css
View file

@ -2,6 +2,10 @@
margin-top: 0.5em; margin-top: 0.5em;
} }
.reactions {
margin-bottom: 0.5em;
}
.btn { .btn {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;

2
Iceshrimp.Frontend/Components/Note/NoteReaction.razor
View file

@ -1,5 +1,5 @@
@using Iceshrimp.Shared.Schemas.Web @using Iceshrimp.Shared.Schemas.Web
<button @onclick="React" class="reaction"> <button @onclick="React" class="reaction @(Reaction.Reacted ? "reacted" : "")">
<span class="icon"> <span class="icon">
@if (Reaction.Url == null) @if (Reaction.Url == null)
{ {

15
Iceshrimp.Frontend/Components/Note/NoteReaction.razor.css
View file

@ -1,5 +1,20 @@
.reaction { .reaction {
display: inline-flex;
align-items: center;
line-height: 1;
padding: 0.2em 0.5em;
margin-right: 0.5em; margin-right: 0.5em;
border-radius: 0.5em;
border: 0.1em solid var(--notice-color);
}
.reacted {
background-color: var(--notice-color);
color: var(--foreground-color);
}
.count {
margin-left: 0.5em;
} }
.custom-reaction { .custom-reaction {