add bg colors

ljharb · Oct 23, 2021 · 3454928 · 3454928
1 parent 9fecb33
commit 3454928
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/views/index.ejs b/views/index.ejs
@@ -13,31 +13,34 @@
 
     <div class="flex flex-col w-screen h-screen ">
         <div id="commands" clas=""></div>
-        <div id="table" class="flex pt-60 px-40">
-            <div id="repositories" class="flex flex-col">
+        <div id="table" class="flex pt-40 px-20">
+            <div id="repositories" class="flex flex-col ">
+                <!-- This div must remain sticky and not scroll -->
                 <div
-                    class="border flex items-center font-black h-9 w-80 overflow-x-scroll overflow-y-hidden whitespace-nowrap">
+                    class="border flex items-center bg-gray-300 font-black h-9 w-80 overflow-x-scroll overflow-y-hidden whitespace-nowrap">
                     Repositories
                 </div>
                 <% table.repos.forEach(repo=> { %>
                     <div
-                        class="border flex items-center font-normal h-9 w-80 overflow-x-scroll overflow-y-hidden whitespace-nowrap">
+                        class="border flex items-center bg-gray-100 font-normal h-9 w-80 overflow-x-scroll overflow-y-hidden whitespace-nowrap">
                         <%= repo %>
                     </div>
                     <% }) %>
             </div>
 
             <div class="flex flex-col">
                 <div id="metrics" class="flex">
+                    <!-- This div must remain sticky and not scroll -->
                     <% table.metrics.forEach(heading=> { %>
                         <div
-                            class="border flex items-center font-black h-9 w-40 overflow-x-scroll overflow-y-hidden whitespace-nowrap px-auto">
+                            class="border bg-gray-300 flex items-center font-black h-9 w-40 overflow-x-scroll overflow-y-hidden whitespace-nowrap px-auto">
                             <%= heading %>
                         </div>
                         <% }) %>
                 </div>
 
                 <div id="values" class="flex flex-col">
+                    <!-- This div must scroll -->
                     <% table.rows.forEach(row=> { %>
                         <div class="flex">
                             <% row.forEach(data=> { %>