fix skit2

resources/js/pages/Detailspelanggan.vue

@@ -1,6 +1,23 @@
 <template>
          <form class="w-1/2 mt-10 p-6 bg-white rounded-xl shadow mx-auto">
-            
+         <div class="sm:hidden">
+            <label for="tabs" class="sr-only">Select your country</label>
+            <select id="tabs" class="bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
+                <option>Profile</option>
+                <option>Canada</option>
+                <option>France</option>
+                <option>Germany</option>
+            </select>
+        </div>
+        <ul class="flex hidden rounded-lg divide-x divide-gray-200 shadow sm:flex dark:divide-gray-700 mb-4">
+            <li class="w-full">
+                <a href="#" class="inline-block relative py-4 px-4 w-full text-sm font-medium text-center text-gray-900 bg-gray-100 rounded-l-lg focus:ring-4 focus:ring-blue-300 focus:z-20 active dark:bg-gray-700 dark:text-white" aria-current="page">Profile</a>
+            </li>
+            <li class="w-full">
+                <a href="#" class="inline-block relative py-4 px-4 w-full text-sm font-medium text-center text-gray-500 bg-white hover:text-gray-700 hover:bg-gray-50 focus:ring-4 focus:ring-blue-300 focus:z-20 dark:text-gray-400 dark:hover:text-white dark:bg-gray-800 dark:hover:bg-gray-700 dark:text-white">Senarai SAG</a>
+            </li>
+        </ul>
+
           <div class="flex flex-wrap -mx-3 mb-6">
             <div class="w-full md:w-1/2 px-3 mb-6 md:mb-0 form-group" :class="{ 'form-group--error': $v.name.$error }">
               <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2 form__label">