mobile menu update

Joyontokarmakar · Jul 24, 2022 · 25107b3 · 25107b3
1 parent 23710cb
commit 25107b3
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 27 deletions.
diff --git a/components/sidemenus/index.vue b/components/sidemenus/index.vue
@@ -11,12 +11,18 @@
  </div>
  <div class="mt-5 space-y-2 overflow-y-auto h-[calc(100vh-150px)] py-2">
  <div class="pr-3">
- <sidebarButton @click="close" :pathName ="'/'" :name="'Get Started'"/>
- <sidebarButton @click="close" :pathName ="'/services'" :name="'Services'"/>
- <sidebarButton @click="close" :pathName ="'/about'" :name="'About'"/>
- <sidebarButton @click="close" :pathName ="'/contact'" :name="'Contact'"/>
- <sidebarButton @click="close" :pathName ="'/login'" :name="'Login'"/>
- <sidebarButton @click="close" :pathName ="'/sign-up'" :name="'Sign Up'"/>
+ <sidebarButton :pathName ="'/'" :name="'Get Started'"/>
+ <div class="flex justify-start gap-3">
+ <i class="fa fa-search"></i>
+ <h5 class="font-bold text-lg text-corporateGray">Components</h5>
+ </div>
+ <sidebarButton :pathName ="'/component/button'" :name="'Button'" :subMenu="true"/>
+ <sidebarButton :pathName ="'/component/accordion'" :name="'Accordion'" :subMenu="true"/>
+ <sidebarButton :pathName ="'/component/dropdown'" :name="'Dropdown'" :subMenu="true"/>
+ <sidebarButton :pathName ="'/component/floatingInput'" :name="'Floating Input'" :subMenu="true"/>
+ <sidebarButton :pathName ="'/services'" :name="'Services'" :subMenu="false"/>
+ <sidebarButton :pathName ="'/about'" :name="'About'" :subMenu="false"/>
+ <sidebarButton :pathName ="'/contact'" :name="'Contact'" :subMenu="false"/>
 
  <!-- <dropdowns
  :title="'Dropdown'"

diff --git a/pages/services/index.vue b/pages/services/index.vue
@@ -1,31 +1,10 @@
 <template>
  <div>
  <p>Service</p>
- <sourceView :allData="mainData"/>
  </div>
 </template>
 
 <script setup>
-
- const mainData = ref({
- description : {
- heading: 'Button',
- paragraph: 'A button is a component of web design.'
- },
- outputCode : [
- '<button class="border px-2 bg-gray-500 text-white"> button 1 </button>', '<button class="border px-2 bg-gray-500 text-white"> button 2 </button>'
- ],
- code : `
- <html>
- <body>
- <div>
- <Button> button 1 </Button>
- <Button> button 2 </Button>
- </div>
- </body>
- </html>
- `
- })
 </script>
 
 <style></style>