WIP: Implement admin CRUD

assets/styles/components/button.css

@@ -1,5 +1,5 @@
 .btn {
-    @apply inline-flex justify-center rounded-lg text-sm uppercase font-semibold py-2.5 px-4 bg-primary text-white hover:bg-primary/80 w-full shadow-md;
+    @apply inline-flex justify-center rounded-lg text-sm uppercase font-semibold py-2.5 px-4 bg-primary text-white hover:bg-primary/80 shadow-md;
 }
 
 .btn--secondary {

assets/styles/components/datatable.css

@@ -0,0 +1,36 @@
+.data-table-wrapper {
+    @apply overflow-x-auto mb-8;
+}
+
+.data-table-wrapper__inner {
+    @apply align-middle inline-block min-w-full overflow-hidden;
+}
+
+table {
+    @apply min-w-full;
+}
+
+tbody {
+    @apply bg-white;
+}
+
+tr {
+    @apply border border-gray-300;
+}
+
+th {
+    @apply px-4 py-2 bg-gray-200 text-left text-sm xl:text-base leading-4 font-bold text-primary align-top;
+}
+
+td {
+    @apply px-4 py-2 text-sm leading-5 align-top;
+
+}
+
+table.horizontal td {
+    @apply py-4;
+}
+
+.data-table tbody tr {
+    @apply hover:bg-gray-100;
+}

assets/styles/components/menu.css

@@ -1,46 +0,0 @@
-.menu--header {
-    @apply flex items-center space-x-4 h-8;
-}
-
-.menu--main {
-    @apply flex flex-col divide-y divide-gray-200;
-}
-
-.menu--main > li {
-    @apply py-4 first:pt-0 last:pb-0;
-}
-
-.menu--mobile {
-    @apply flex-col space-x-0 h-auto divide-y divide-gray-200;
-}
-
-.menu--mobile li {
-    @apply py-4 w-full;
-}
-
-.menu a,
-.menu div {
-    @apply uppercase hover:text-slate-700 text-slate-900 text-sm lg:text-base;
-}
-
-.menu--mobile a {
-    @apply text-lg;
-}
-
-.menu ul {
-    @apply pl-7 pt-1;
-}
-
-.menu ul a {
-    @apply text-sm;
-}
-
-.menu .current > a,
-.menu .active > a {
-    @apply text-slate-900 font-bold;
-}
-
-.menu .icon-link,
-.menu .icon-section {
-    @apply flex items-center space-x-2;
-}