add contact detail skeleton

closes #20
ZendaInnocent · Nov 5, 2023 · 6767151 · 6767151
1 parent ec629d1
commit 6767151
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/pim/contacts/templates/contacts/index.html b/pim/contacts/templates/contacts/index.html
@@ -1,5 +1,6 @@
 {% extends 'base.html' %}
 {% load i18n %}
+{% load static %}
 
 {% block content %}
 <h3>{% trans 'Contacts' %}</h3>
@@ -20,6 +21,23 @@ <h3>{% trans 'Contacts' %}</h3>
   </div>
 
   <div class="col-md-8 px-4" id="detail">
+    <div class="row mt-4 mt-md-0">
+      <div class="col-md-4">
+        <div class="bg-secondary h-100 w-100 rounded"></div>
+      </div>
+      <div class="col-md-8 mt-3 mt-md-0">
+        <div class="bg-secondary mb-2 w-50 rounded" style="height: 1.5rem;"></div>
+        <div class="bg-secondary mb-2 w-75 rounded" style="height: 1.5rem;"></div>
+        <div class="bg-secondary mb-2 w-25 rounded" style="height: 1.5rem;"></div>
+        <div class="bg-secondary mb-2 w-50 rounded" style="height: 1.5rem;"></div>
+        <div class="d-flex h-100">
+          <div class="bg-secondary mb-2 w-25 me-2 rounded" style="height: 1.5rem;">
+          </div>
+          <div class="bg-secondary mb-2 w-25 rounded" style="height: 1.5rem;">
+          </div>
+        </div>
+      </div>
+    </div>
 
   </div>
 </div>