From 6cdb75adca68f4ef9e3ff747cae3d72b78467ab1 Mon Sep 17 00:00:00 2001
From: sajadevo <nawabisajadahmad@gmail.com>
Date: Fri, 19 Aug 2022 12:50:17 +0430
Subject: [PATCH] update navbar

---
 src/examples/navbars/NavbarDefault.vue | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/examples/navbars/NavbarDefault.vue b/src/examples/navbars/NavbarDefault.vue
index 500a514..314c1f9 100644
--- a/src/examples/navbars/NavbarDefault.vue
+++ b/src/examples/navbars/NavbarDefault.vue
@@ -17,29 +17,29 @@ const props = defineProps({
     default: () => ({
       route: "https://www.creative-tim.com/product/vue-material-kit",
       color: "bg-gradient-success",
-      label: "Free Download",
-    }),
+      label: "Free Download"
+    })
   },
   transparent: {
     type: Boolean,
-    default: false,
+    default: false
   },
   light: {
     type: Boolean,
-    default: false,
+    default: false
   },
   dark: {
     type: Boolean,
-    default: false,
+    default: false
   },
   sticky: {
     type: Boolean,
-    default: false,
+    default: false
   },
   darkText: {
     type: Boolean,
-    default: false,
-  },
+    default: false
+  }
 });
 
 // set arrow  color
@@ -98,7 +98,7 @@ watch(
       'my-3 blur border-radius-lg z-index-3 py-2 shadow py-2 start-0 end-0 mx-4 position-absolute mt-4':
         props.sticky,
       'navbar-light bg-white py-3': props.light,
-      ' navbar-dark bg-gradient-dark z-index-3 py-3': props.dark,
+      ' navbar-dark bg-gradient-dark z-index-3 py-3': props.dark
     }"
   >
     <div
@@ -113,7 +113,7 @@ watch(
         :class="[
           (props.transparent && textDark.value) || !props.transparent
             ? 'text-dark font-weight-bolder ms-sm-3'
-            : 'text-white font-weight-bolder ms-sm-3',
+            : 'text-white font-weight-bolder ms-sm-3'
         ]"
         :to="{ name: 'presentation' }"
         rel="tooltip"
@@ -188,13 +188,13 @@ watch(
               />
             </a>
             <div
-              class="dropdown-menu dropdown-menu-animation ms-n3 dropdown-xl p-3 border-radius-xl mt-0 mt-lg-3"
+              class="dropdown-menu dropdown-menu-animation ms-n3 dropdown-md p-3 border-radius-xl mt-0 mt-lg-3"
               aria-labelledby="dropdownMenuPages"
             >
               <div class="row d-none d-lg-block">
                 <div class="col-12 px-4 py-2">
                   <div class="row">
-                    <div class="col-4 position-relative">
+                    <div class="position-relative">
                       <div
                         class="dropdown-header text-dark font-weight-bolder d-flex align-items-center px-1"
                       >