V3.0.1

soorajnraju · web-flow · commit 8bf45f4fd3ad · 2025-08-30T14:42:50.000+05:30
V3.0.1
diff --git a/index.html b/index.html
@@ -8,5 +8,14 @@
   <body>
     <div id="root"></div>
     <script type="module" src="/src/main.jsx"></script>
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-L9RW3X29KB"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+
+      gtag('config', 'G-L9RW3X29KB');
+    </script>
   </body>
 </html>
diff --git a/src/App.css b/src/App.css
@@ -900,9 +900,12 @@ main {
 }
 
 .recurring-transaction-manager .table th {
-  background-color: var(--bs-light) !important;
+  background-color: var(--primary-color) !important;
+  color: white !important;
   border-bottom: 2px solid var(--bs-border-color) !important;
-  font-weight: 600 !important;
+  font-weight: bold;
+  font-size: 0.875rem;
+
 }
 
 [data-bs-theme="dark"] .recurring-transaction-manager .table th {
diff --git a/src/components/RecurringTransactionManager.jsx b/src/components/RecurringTransactionManager.jsx
@@ -264,16 +264,16 @@ const RecurringTransactionManager = ({
 
       {/* Recurring Transactions Table */}
       <div className="table-responsive">
-        <table className="table table-striped">
-          <thead>
+        <table className="table table-striped table-sm">
+          <thead style={{ background: '#2563eb' }}>
             <tr>
-              <th>Name</th>
-              <th>Type</th>
-              <th>Category</th>
-              <th>Amount</th>
-              <th>Frequency</th>
-              <th>Status</th>
-              <th>Actions</th>
+              <th className="text-center align-middle text-white">Name</th>
+              <th className="text-center align-middle text-white">Type</th>
+              <th className="text-center align-middle text-white">Category</th>
+              <th className="text-center align-middle text-white">Amount</th>
+              <th className="text-center align-middle text-white">Frequency</th>
+              <th className="text-center align-middle text-white">Status</th>
+              <th className="text-center align-middle text-white" width="100">Actions</th>
             </tr>
           </thead>
           <tbody>
diff --git a/src/components/TransactionManager.jsx b/src/components/TransactionManager.jsx
@@ -390,14 +390,14 @@ const TransactionManager = ({
       {/* Transactions Table */}
       <div className="table-responsive">
         <table className="table table-striped table-sm">
-          <thead>
+          <thead style={{ background: '#2563eb' }}>
             <tr>
-              <th>Date</th>
-              <th>Type</th>
-              <th>Category</th>
-              <th>Amount</th>
-              <th>Description</th>
-              <th width="100">Actions</th>
+              <th className="text-center align-middle text-white">Date</th>
+              <th className="text-center align-middle text-white">Type</th>
+              <th className="text-center align-middle text-white">Category</th>
+              <th className="text-center align-middle text-white">Amount</th>
+              <th className="text-center align-middle text-white">Description</th>
+              <th className="text-center align-middle text-white" width="100">Actions</th>
             </tr>
           </thead>
           <tbody>

Original file line number	Diff line number	Diff line change
`@@ -900,9 +900,12 @@ main {`
`900`	`900`	`}`
`901`	`901`
`902`	`902`	`.recurring-transaction-manager .table th {`
`903`		`- background-color: var(--bs-light) !important;`
	`903`	`+ background-color: var(--primary-color) !important;`
	`904`	`+ color: white !important;`
`904`	`905`	`border-bottom: 2px solid var(--bs-border-color) !important;`
`905`		`- font-weight: 600 !important;`
	`906`	`+ font-weight: bold;`
	`907`	`+ font-size: 0.875rem;`
	`908`	`+`
`906`	`909`	`}`
`907`	`910`
`908`	`911`	`[data-bs-theme="dark"] .recurring-transaction-manager .table th {`