Dev branch

resources/js/Pages/Settings/Workflow/Index.vue

@@ -1,7 +1,7 @@
 <script setup>
 import AppLayout from "@/Layouts/AppLayout.vue";
 import { ref } from "vue";
-import { FwbTab, FwbTabs } from "flowbite-vue";
+import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/Components/ui/tabs";
 import ActionTable from "../Partials/ActionTable.vue";
 import DecisionTable from "../Partials/DecisionTable.vue";
 
@@ -22,15 +22,19 @@ const activeTab = ref("actions");
     <div class="pt-12">
       <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
         <div class="bg-white overflow-hidden shadow-xl sm:rounded-lg">
-          <fwb-tabs v-model="activeTab" variant="underline">
-            <fwb-tab name="actions" title="Akcije">
+          <Tabs v-model="activeTab" class="w-full">
+            <TabsList class="w-full justify-start border-b rounded-none bg-transparent p-0">
+              <TabsTrigger value="actions" class="rounded-none border-b-2 border-transparent data-[state=active]:border-primary">Akcije</TabsTrigger>
+              <TabsTrigger value="decisions" class="rounded-none border-b-2 border-transparent data-[state=active]:border-primary">Odločitve</TabsTrigger>
+            </TabsList>
+            <TabsContent value="actions" class="mt-0">
               <ActionTable
                 :actions="actions"
                 :decisions="decisions"
                 :segments="segments"
               />
-            </fwb-tab>
-            <fwb-tab name="decisions" title="Odločitve">
+            </TabsContent>
+            <TabsContent value="decisions" class="mt-0">
               <DecisionTable
                 :decisions="decisions"
                 :actions="actions"
@@ -39,8 +43,8 @@ const activeTab = ref("actions");
                 :segments="segments"
                 :archive-settings="archive_settings"
               />
-            </fwb-tab>
-          </fwb-tabs>
+            </TabsContent>
+          </Tabs>
         </div>
       </div>
     </div>