Update CSS styles
This commit is contained in:
parent
28edf33aff
commit
9186da30ac
@ -58,30 +58,4 @@
|
||||
border-radius: 8px;
|
||||
background-color: transparent;
|
||||
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
46
src/assets/css/devextreme.custom.css
Normal 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;
|
||||
}
|
@ -2,25 +2,4 @@
|
||||
@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 './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;
|
||||
}
|
||||
@import './devextreme.custom.css';
|
@ -4345,11 +4345,6 @@ body {
|
||||
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 {
|
||||
--tw-bg-opacity: 0.1;
|
||||
}
|
||||
@ -4379,11 +4374,6 @@ body {
|
||||
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 {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user