fix(ui): allow y scroll, donut hover

src/components/Charts/DonutChart.vue

@@ -55,10 +55,10 @@
       </template>
     </svg>
     <div
-      class="relative"
+      class="absolute"
       :style="{
-        top: `-50%`,
-        transform: `translate(${textOffsetX}px, ${textOffsetY}px)`,
+        top: `50%`,
+        transform: `translate(calc(50% - ${textOffsetX}px), calc(${textOffsetY}px - 50%))`,
       }"
     >
       <div class="text-center font-semibold grid justify-center">

src/pages/Dashboard/Dashboard.vue

@@ -7,7 +7,7 @@
       </template>
     </PageHeader>
     <hr class="border-t mx-4" />
-    <div class="mx-4 overflow-y-hidden">
+    <div class="mx-4 overflow-y-scroll no-scrollbar">
       <Cashflow class="mt-5" />
       <hr class="border-t mt-10" />
       <UnpaidInvoices class="mt-10 ml-4 mr-4" />

src/pages/Dashboard/Expenses.vue

@@ -32,7 +32,7 @@
         :sectors="sectors"
         :offset-x="3"
         :thickness="11.5"
-        :text-offset-x="6.5"
+        :text-offset-x="14"
         :value-formatter="(value) => frappe.format(value, 'Currency')"
         :total-label="t('Total Spending')"
         @change="(value) => (active = value)"