A social pastebin built on atproto.
view: move replies above replies, match case
+20
-22
+20
-22
templates/view.html
+20
-22
templates/view.html
···
46
46
47
47
<!-- Replies -->
48
48
<div class="border-t border-gray-100 pt-5">
49
+
{% if g.user %}
50
+
<form method="post" action="{{ url_for('create_reply', identifier=did, rkey=paste_id.split('/')[-1]) }}" class="mb-5">
51
+
<input type="hidden" name="csrf_token" value="{{ session.csrf_token }}">
52
+
<input type="hidden" name="at_uri" value="{{ at_uri }}">
53
+
<input type="hidden" name="cid" value="{{ cid }}">
54
+
<div class="flex gap-3">
55
+
<div class="shrink-0 mt-1">
56
+
<img src="/avatar/{{ g.user.did }}" alt="" class="w-5 h-5 rounded-full bg-gray-100">
57
+
</div>
58
+
<div class="flex-1 relative">
59
+
<textarea name="text" rows="1" required placeholder="write a reply..."
60
+
class="w-full pl-3 pr-20 py-2.5 border border-gray-200 rounded-md text-sm text-gray-900 placeholder-gray-400 focus:outline-none focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 resize-none"></textarea>
61
+
<button type="submit"
62
+
class="absolute right-1.5 top-1/2 -translate-y-1/2 bg-indigo-600 text-white px-3 py-1 rounded text-xs font-medium hover:bg-indigo-700 transition-colors">reply</button>
63
+
</div>
64
+
</div>
65
+
</form>
66
+
{% endif %}
67
+
49
68
{% if replies %}
50
-
<div class="space-y-4 mb-5">
69
+
<div class="space-y-4">
51
70
{% for reply in replies %}
52
71
<div class="flex gap-3">
53
72
<div class="shrink-0 mt-0.5">
···
71
90
</div>
72
91
{% endfor %}
73
92
</div>
74
-
{% endif %}
75
-
76
-
{% if g.user %}
77
-
<form method="post" action="{{ url_for('create_reply', identifier=did, rkey=paste_id.split('/')[-1]) }}">
78
-
<input type="hidden" name="csrf_token" value="{{ session.csrf_token }}">
79
-
<input type="hidden" name="at_uri" value="{{ at_uri }}">
80
-
<input type="hidden" name="cid" value="{{ cid }}">
81
-
<div class="flex gap-3">
82
-
<div class="shrink-0 mt-1">
83
-
<img src="/avatar/{{ g.user.did }}" alt="" class="w-5 h-5 rounded-full bg-gray-100">
84
-
</div>
85
-
<div class="flex-1">
86
-
<textarea name="text" rows="2" required placeholder="Write a reply..."
87
-
class="w-full px-3 py-2 border border-gray-200 rounded-md text-sm text-gray-900 placeholder-gray-400 focus:outline-none focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 resize-none"></textarea>
88
-
<div class="flex justify-end mt-1.5">
89
-
<button type="submit"
90
-
class="bg-indigo-600 text-white px-3.5 py-1.5 rounded-md hover:bg-indigo-700 text-sm font-medium transition-colors">reply</button>
91
-
</div>
92
-
</div>
93
-
</div>
94
-
</form>
95
93
{% endif %}
96
94
</div>
97
95
{% endblock %}