From 9186da30ac0cec595bb8bd42edf9cc6933b6b5c8 Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Tue, 5 Mar 2024 08:25:54 +0700
Subject: [PATCH] Update CSS styles

---
 src/assets/css/base.css              | 26 ----------------
 src/assets/css/devextreme.custom.css | 46 ++++++++++++++++++++++++++++
 src/assets/css/main.css              | 23 +-------------
 src/assets/css/style.css             | 10 ------
 4 files changed, 47 insertions(+), 58 deletions(-)
 create mode 100644 src/assets/css/devextreme.custom.css

diff --git a/src/assets/css/base.css b/src/assets/css/base.css
index d127c65..18e2b8d 100755
--- a/src/assets/css/base.css
+++ b/src/assets/css/base.css
@@ -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;
 }
\ No newline at end of file
diff --git a/src/assets/css/devextreme.custom.css b/src/assets/css/devextreme.custom.css
new file mode 100644
index 0000000..41d4776
--- /dev/null
+++ b/src/assets/css/devextreme.custom.css
@@ -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;
+}
\ No newline at end of file
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 5bcf9b4..8037492 100755
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -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;
-}
\ No newline at end of file
+@import './devextreme.custom.css';
\ No newline at end of file
diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 7f1e238..b05fcac 100755
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.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;
 }