defuj/apkt-eis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add styling for DevExpress datagrid footer and

Browse Source 
group rows
This commit is contained in:
Dede Fuji Abdul
2023-11-08 13:29:08 +07:00
parent baeb039898
commit 85b4e69eb5
3 changed files with 23 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/assets/css/main.css
View File

@ -1,7 +1,26 @@
@import './base.css';
/* @import 'devextreme/dist/css/dx.material.blue.light.css'; */
@import 'devextreme/dist/css/dx.material.blue.light.compact.css';
/* @import 'devextreme/dist/css/dx.light.css'; */
/* @import 'devextreme/dist/css/dx.light.compact.css'; */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;700&display=swap');
@import './style.css';
@import './style.css';
.dx-datagrid-total-footer{
background-color: #035b71 !important;
}
.dx-datagrid-total-footer .dx-row.dx-footer-row{
background-color: #035b71 !important;
}
.dx-datagrid-total-footer > td{
background-color: #035b71 !important;
}
.dx-row.dx-datagrid-group-footer > td{
background-color: #e6eff1 !important;
}
.dx-datagrid-rowsview .dx-row.dx-group-row {
background-color: #F7F7F7 !important;
}
.dx-datagrid-group-footer{
background-color: #e6eff1 !important;
}
.dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection{
background-color: #035b71 !important;
}

2
src/assets/css/style.css
View File

@ -705,8 +705,6 @@ select {
--tw-backdrop-sepia: ;
}
/* DevExpress */
/* NavBar */
.menu-item {

7
src/assets/css/tailwind.css
View File

@ -3,13 +3,6 @@
@tailwind utilities;
@layer components {
/* DevExpress */
.dx-datagrid-rowsview .dx-row.dx-group-row {
@apply !bg-['#F7F7F7'];
}
.dx-datagrid-group-footer{
@apply !bg-primary-500;
}
/* NavBar */
.menu-item {
@apply w-full text-left block px-4 py-3 text-base text-gray-800;