Files
formipay-public/admin/assets/css/page-products.css
2025-08-21 20:39:34 +07:00

96 lines
2.1 KiB
CSS

#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;
}