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

Update CSS styles

Browse Source
This commit is contained in:
Dede Fuji Abdul
2024-03-05 08:25:54 +07:00
parent 28edf33aff
commit 9186da30ac
4 changed files with 47 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/assets/css/base.css
View File

@ -58,30 +58,4 @@
border-radius: 8px; border-radius: 8px;
background-color: transparent; background-color: transparent;
transition: background-color 0.5s; transition: background-color 0.5s;
}
.dx-datagrid-headers .dx-datagrid-table .dx-row > td{
font-size: 10px !important;
}
.dx-datagrid .dx-row > td{
font-size: 10px !important;
}
.dx-toolbar .dx-toolbar-items-container{
height: 56px !important;
}
.dx-texteditor-input{
border: 1px solid #d1d5db !important;
border-radius: 8px !important;
}
.dx-texteditor.dx-editor-filled::after{
border: none !important;
}
.dx-texteditor.dx-state-active::before, .dx-texteditor.dx-state-focused::before{
border: none !important;
}
.dx-button-has-icon .dx-icon{
font-size: 24px !important;
}
.dx-list-item-icon{
font-size: 24px !important;
} }

46
src/assets/css/devextreme.custom.css Normal file
View File

@ -0,0 +1,46 @@
.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;
}
.dx-datagrid-headers .dx-datagrid-table .dx-row > td{
font-size: 10px !important;
}
.dx-datagrid .dx-row > td{
font-size: 10px !important;
}
.dx-toolbar .dx-toolbar-items-container{
height: 56px !important;
}
.dx-texteditor-input{
border: 1px solid #d1d5db !important;
border-radius: 8px !important;
}
.dx-texteditor.dx-editor-filled::after{
border: none !important;
}
.dx-texteditor.dx-state-active::before, .dx-texteditor.dx-state-focused::before{
border: none !important;
}
.dx-button-has-icon .dx-icon{
font-size: 24px !important;
}
.dx-list-item-icon{
font-size: 24px !important;
}

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

@ -2,25 +2,4 @@
@import 'devextreme/dist/css/dx.material.blue.light.compact.css'; @import 'devextreme/dist/css/dx.material.blue.light.compact.css';
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;700&display=swap');
@import './style.css'; @import './style.css';
@import './devextreme.custom.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;
}

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

@ -4345,11 +4345,6 @@ body {
background-color: rgb(255 255 0 / var(--tw-bg-opacity)); background-color: rgb(255 255 0 / var(--tw-bg-opacity));
} }
.hover\:bg-primary-500:hover {
--tw-bg-opacity: 1;
background-color: rgb(3 91 113 / var(--tw-bg-opacity));
}
.hover\:bg-opacity-10:hover { .hover\:bg-opacity-10:hover {
--tw-bg-opacity: 0.1; --tw-bg-opacity: 0.1;
} }
@ -4379,11 +4374,6 @@ body {
color: rgb(2 73 90 / var(--tw-text-opacity)); color: rgb(2 73 90 / var(--tw-text-opacity));
} }
.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:opacity-80:hover { .hover\:opacity-80:hover {
opacity: 0.8; opacity: 0.8;
} }