Dashboard final version, TODO: update main sidebar menu

resources/js/Pages/Cases/Show.vue

@@ -4,7 +4,7 @@ import SectionTitle from "@/Components/SectionTitle.vue";
 import AppLayout from "@/Layouts/AppLayout.vue";
 import { Button } from "@/Components/ui/button";
 import { Card } from "@/Components/ui/card";
-import { onBeforeMount, ref, computed } from "vue";
+import { ref, computed } from "vue";
 import ContractDrawer from "./Partials/ContractDrawer.vue";
 import ContractTable from "./Partials/ContractTable.vue";
 import ActivityDrawer from "./Partials/ActivityDrawer.vue";
@@ -15,15 +15,10 @@ import DocumentUploadDialog from "@/Components/DocumentsTable/DocumentUploadDial
 import DocumentViewerDialog from "@/Components/DocumentsTable/DocumentViewerDialog.vue";
 import { classifyDocument } from "@/Services/documents";
 import { router, useForm, usePage } from "@inertiajs/vue3";
-import { AngleDownIcon, AngleUpIcon } from "@/Utilities/Icons";
 import Pagination from "@/Components/Pagination.vue";
 import DeleteDialog from "@/Components/Dialogs/DeleteDialog.vue";
 import CreateDialog from "@/Components/Dialogs/CreateDialog.vue";
 import { hasPermission } from "@/Services/permissions";
-import ActionMenuItem from "@/Components/DataTable/ActionMenuItem.vue";
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import { DropdownMenu } from "@/Components/ui/dropdown-menu";
-import DropdownMenuContent from "@/Components/ui/dropdown-menu/DropdownMenuContent.vue";
 import { Badge } from "@/Components/ui/badge";
 
 const props = defineProps({
@@ -246,7 +241,7 @@ const submitAttachSegment = () => {
 <template>
   <AppLayout title="Client case">
     <template #header></template>
-    <div class="pt-12">
+    <div class="pt-6">
       <!-- Client details -->
       <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
         <!-- Current segment badge (right aligned, above the card) -->
@@ -260,8 +255,8 @@ const submitAttachSegment = () => {
             </span>
           </div>
         </div>
-        <Card class="border-l-4 border-blue-500">
-          <div class="mx-auto max-w-4x1 p-3 flex justify-between items-center">
+        <Card class="border-l-4 border-blue-400">
+          <div class="p-3 flex justify-between items-center">
             <SectionTitle>
               <template #title>
                 <a class="hover:text-blue-500" :href="route('client.show', client)">
@@ -269,16 +264,14 @@ const submitAttachSegment = () => {
                 </a>
               </template>
             </SectionTitle>
-            <Badge variant="secondary" class="bg-blue-500 text-white dark:bg-blue-600">
-              Naročnik
-            </Badge>
+            <Badge class="bg-blue-500 text-white"> Naročnik </Badge>
           </div>
         </Card>
       </div>
     </div>
     <div class="pt-1" :hidden="clientDetails">
       <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
-        <Card class="border-l-4 border-blue-400">
+        <Card>
           <div class="mx-auto max-w-4x1 p-3">
             <PersonInfoGrid
               :types="types"
@@ -316,7 +309,7 @@ const submitAttachSegment = () => {
     </div>
     <div class="pt-1">
       <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
-        <Card class="border-l-4 border-red-400">
+        <Card>
           <div class="mx-auto max-w-4x1 p-3">
             <PersonInfoGrid
               :types="types"