css

public/dist/css/app.css

@@ -43,3 +43,54 @@
     color: #023047 !important;
     border-color: #023047!important;
 }
+.tabs-container {
+    font-family: Arial, sans-serif!important;
+}
+
+.nav-item {
+    flex: 1!important;
+    text-align: center!important;
+}
+
+.nav-link {
+    display: block!important;
+    font-size: 14px!important;
+    text-decoration: none!important;
+    color: black!important;
+    border: 1px solid transparent!important;
+    background-color: #e2e3e7!important;
+    font-weight: normal!important;
+    transition: all 0.3s ease!important;
+}
+
+.nav-link:hover {
+    color: #023047!important;
+    font-weight: bold!important;
+}
+
+.nav-link.active {
+    background-color: #023047!important;
+    color: white!important;
+    font-weight: bold!important;
+    border: none!important;
+}
+
+.nav-item .nav-link.active {
+    background-color: #023047!important;
+    color: white!important;
+}
+
+.nav-item .nav-link.active:hover {
+    background-color: #023047!important;
+    color: white!important;
+}
+
+.nav-item .nav-link.active {
+    background-color: #023047!important;
+    color: white!important;
+}
+
+.nav-item .nav-link.active:hover {
+    background-color: #023047!important;
+    color: white!important;
+}

resources/views/livewire/dashboard.blade.php

@@ -1,3 +1,5 @@
+<link rel="stylesheet" href="/dist/css/app.css">
+
 <div>
     {{-- Care about people's approval and you will be their prisoner. --}}
 </div>

resources/views/livewire/report.blade.php

@@ -158,7 +158,7 @@
                 <div class="card-body">
                     <div class="col-12 col-sm-12">
                         <div class="card card-primary card-outline card-tabs">
-                            <div class="card-header p-0 pt-1 border-bottom-0">
+                            <div class="card-header p-0 border-bottom-0">
                                 <ul class="nav nav-tabs" id="custom-tabs-three-tab" role="tablist">
                                     <li class="nav-item" wire:ignore>
                                         <a class="nav-link active" id="tab1-tab" data-toggle="pill" href="#tab1"
@@ -652,7 +652,7 @@
                                                         <div class="row">
                                                             <textarea class="form-control" rows="5" wire:model="richiestaText"></textarea>
                                                             @if (!$this->validated)
-                                                                <button type="button mt-2" class="btn btn-primary"
+                                                                <button type="button" class="btn btn-primary mt-2"
                                                                     wire:click.prevent="saveRichiesta()">Aggiungi</button>
                                                             @endif
                                                         </div>
@@ -5077,6 +5077,13 @@
         .custom-switch.custom-switch-xl .custom-control-input:checked~.custom-control-label::after {
             transform: translateX(calc(2.5rem - 0.25rem));
         }
+
+        .custom-control-input:checked~.custom-control-label::before {
+            color: #fff;
+            border-color: #023047!important;
+            background-color: #023047!important;
+            box-shadow: none;
+        }
     </style>
 @endpush