Make invitation page prettier when it's empty

2023-01-10 13:45:46 +08:00
parent 15b63eee73
commit ee74c4847f
3 changed files with 13 additions and 5 deletions
--- a/app/views/invitations/index.html.erb
+++ b/app/views/invitations/index.html.erb
@@ -27,10 +27,17 @@
        <% end %>
      </ul>
    <% else %>
-      <p>
-        You do not have any invitations to give away yet. We will notify you,
-        as soon as you can invite others.
-      </p>
+      <div class="text-center">
+        <p class="my-12 inline-flex align-center items-center">
+          <%= image_tag("/img/illustrations/undraw_loading_re_5axr.svg", class: 'h-48') %>
+        </p>
+        <h3>
+          No invitations available yet
+        </h3>
+        <p class="text-gray-500">
+          We will notify you, as soon as you can invite others.
+        </p>
+      </div>
    <% end %>
  </section>