btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

refactor: polish UI of admin dashboard users module (#48)

Browse Source 
Co-authored-by: Andrew Bastin <andrewbastin.k@gmail.com>
This commit is contained in:
Joel Jacob Stephen
2023-03-20 19:18:03 +05:30
committed by GitHub
parent e978541bf1
commit 73a0255ae8
12 changed files with 372 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
packages/hoppscotch-sh-admin/src/components/app/Sidebar.vue
View File

@@ -38,7 +38,7 @@
:class="route.name === '/dashboard' ? 'white' : 'gray'"
/>
<span v-if="isExpanded" class="mx-4">Dashboard</span>
<span v-if="isExpanded" class="mx-4 font-semibold">Dashboard</span>
</router-link>
<router-link
@@ -51,7 +51,7 @@
:class="route.path === '/users' ? 'white' : 'gray'"
/>
<span v-if="isExpanded" class="mx-4">Users</span>
<span v-if="isExpanded" class="mx-4 font-semibold">Users</span>
</router-link>
<router-link
@@ -64,20 +64,7 @@
:class="route.name === '/teams' ? 'white' : 'gray'"
/>
<span v-if="isExpanded" class="mx-4">Teams</span>
</router-link>
<router-link
class="flex items-center px-6 py-4 duration-200 border-l-4 rounded-sm"
:class="[route.name === '/settings' ? activeClass : inactiveClass]"
to="/settings"
>
<icon-lucide-settings
class="text-xl"
:class="route.name === '/settings' ? 'white' : 'gray'"
/>
<span v-if="isExpanded" class="mx-4">Settings</span>
<span v-if="isExpanded" class="mx-4 font-semibold">Teams</span>
</router-link>
</nav>
</div>