added print button and finalize

src/pages/delivery/viewstatus/cancelled.vue

@@ -1,26 +1,27 @@
 <template>
-  <Header/>
+  <Header />
   <div class="flex">
     <div class="">
-      <SideBar/>
+      <SideBar />
     </div>
     <div class=" w-full px-10 ">
-      <div class="text-sm breadcrumbs">
+      <div class="text-sm breadcrumbs  pb-10">
         <ul>
           <li>
             <router-link :to="{ name: 'home' }">
               Home
             </router-link>
           </li>
-
         </ul>
       </div>
-      <div class="flex justify-end">
 
+      <div class="flex start pb-10">Cancelled Deliveries </div>
+      <div class="flex justify-start pb-5">
+      
       </div>
 
       <div class="overflow-x-auto">
-        <div class="flex start">Cancelled Deliveries</div>
+        <div class="flex start"> </div>
         <table class="table">
           <!-- head -->
           <thead>
@@ -75,12 +76,12 @@
 
             <td class="flex gap-5">
               <router-link :to="{ name: 'deliveryOrder', params: { id: oil['id'] } }">
-                <button class="btn">View</button>
+                <button class="btn btn-accent">View</button>
               </router-link>
               <router-link :to="{ name: 'deliveryEdit', params: { id: oil['id'] } }">
-                <button class="btn">Edit</button>
+                <button class="btn btn-accent">Edit</button>
               </router-link>
-              <button @click.prevent="deleteCall(oil['id'])" class="btn">Delete</button>
+              <button @click.prevent="deleteCall(oil['id'])" class="btn btn-accent">Delete</button>
             </td>
           </tr>
           </tbody>