diff --git a/Iceshrimp.Frontend/Components/TimelineNote.razor b/Iceshrimp.Frontend/Components/TimelineNote.razor
index 77f8f192..bf000847 100644
--- a/Iceshrimp.Frontend/Components/TimelineNote.razor
+++ b/Iceshrimp.Frontend/Components/TimelineNote.razor
@@ -5,15 +5,29 @@
@if (Note.Filtered is { Hide: true }) { }
else
{
-
-
+
+ @if (Note.Reply is not null)
+ {
+
OpenNote(Note.Reply.Id)">
+
+

+
+
+
+
+
+
+ }
+
OpenNote(Note.RenoteId ?? Note.Id)">
+
+
}
@code {
[Parameter] [EditorRequired] public required NoteResponse Note { get; set; }
- private void OpenNote()
+ private void OpenNote(string id)
{
Navigation.NavigateTo(Note.RenoteId != null ? $"/notes/{Note.RenoteId}" : $"/notes/{Note.Id}");
}
diff --git a/Iceshrimp.Frontend/Components/TimelineNote.razor.css b/Iceshrimp.Frontend/Components/TimelineNote.razor.css
index 60c6c567..ee469b97 100644
--- a/Iceshrimp.Frontend/Components/TimelineNote.razor.css
+++ b/Iceshrimp.Frontend/Components/TimelineNote.razor.css
@@ -10,4 +10,25 @@
margin-right: 0.5rem;
margin-left: 0.5rem;
width: 100%;
+}
+
+.note-indent {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+.user-avatar {
+ border-radius: 8px;
+ object-fit: cover;
+ width: 3em;
+ height: 3em;
+}
+
+.ancestor-wrapper {
+ display: flex
+}
+
+.note {
+ width: 100%;
}
\ No newline at end of file