first commit

admin/assets/css/page-products.css

@@ -0,0 +1,96 @@
+#formipay-forms table td {
+    vertical-align: top;
+}
+.formipay-screen-menu a {
+    color: #277aff;
+    font-size: 16px;
+    padding: 5px 10px;
+    text-decoration: none;
+    border-radius: 5px;
+    border: 1px solid #277aff;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    gap: 5px;
+}
+.formipay-screen-menu a:hover {
+    color: #ffffff;
+    background-color: #277aff;
+}
+
+/** Table **/
+td.gridjs-td[data-column-id=price] .price {
+    text-wrap: nowrap;
+    display: flex;
+    align-items: center;
+    gap: .5em;
+    justify-content: space-between;
+}
+th.gridjs-th[data-column-id=id], 
+th.gridjs-th[data-column-id=type], 
+th.gridjs-th[data-column-id=price], 
+th.gridjs-th[data-column-id=stock], 
+th.gridjs-th[data-column-id=status] {
+    text-align: center;
+}
+td.gridjs-td[data-column-id=id], 
+td.gridjs-td[data-column-id=type], 
+td.gridjs-td[data-column-id=price], 
+td.gridjs-td[data-column-id=stock], 
+td.gridjs-td[data-column-id=status] {
+    text-align: center;
+}
+.gridjs-pages > * {
+    padding: 1em 1.5em!important;
+}
+span:has(.status-label) {
+    width: 100%;
+    display: block;
+    text-align: center;
+    padding-top: 5px;
+}
+span.status-label {
+    padding: 5px 10px;
+    border-radius: 5px;
+    text-transform: capitalize;
+}
+span.status-label.publish {
+    background-color: #277aff;
+    color: white;
+}
+span.status-label.draft {
+    background-color: #999999;
+    color: white;
+}
+.top-40 {
+    top: 40px!important;
+}
+
+/** SWAL new Product **/
+div#swal2-html-container table th {
+    width: 45%;
+}
+div#swal2-html-container table td {
+    width: 55%;
+}
+#swal2-html-container input {
+    border: 1px solid #b7b7b7 !important;
+    border-radius: .5em !important;
+}
+#swal2-html-container input:not(type="checkbox"):not(type="radio"){
+    height: 34px!important;
+    padding: 10px 14px!important;
+    width: 100%!important;
+    max-width: unset!important;
+    margin: unset!important;
+}
+#swal2-html-container *:is(th, td) > * {
+    margin: unset!important;
+    text-align: left;
+}
+#swal2-html-container *:is(th, td){
+    height: 40px;
+}
+#swal2-html-container tr:not(:last-child) *:is(th, td) {
+    border-bottom: 1px solid #b7b7b7;
+}