daisyUI 3.0

src/components/ViewModes/ListView.vue

@@ -61,9 +61,9 @@ const deleteSelectedNotes = (closeModal: () => void) => {
       ></UIInputText>
     </div>
     <div class="overflow-x-auto">
-      <UITable density="compact" class="w-full">
+      <UITable size="md" class="w-full">
         <thead>
-          <tr>
+          <tr class="text-sm bg-base-200 text-base-content">
             <th class="w-[48px]"></th>
             <th>Note title</th>
             <th class="w-[75px]">Words</th>