From b22bd978183ffbe569c58b12fdd2aee8b6ab5025 Mon Sep 17 00:00:00 2001 From: Joel Jacob Stephen <70131076+JoelJacobStephen@users.noreply.github.com> Date: Mon, 28 Aug 2023 23:27:55 +0530 Subject: [PATCH] style: updated font size and truncation on fields in the invited users table in admin dashboard (#3300) style: updated font size and fixed truncation issue on invited table --- packages/hoppscotch-sh-admin/index.html | 4 +- .../hoppscotch-sh-admin/src/components.d.ts | 43 ++++--------------- .../src/pages/users/invited.vue | 14 +++--- 3 files changed, 19 insertions(+), 42 deletions(-) diff --git a/packages/hoppscotch-sh-admin/index.html b/packages/hoppscotch-sh-admin/index.html index 7def0497b..ddb752abc 100644 --- a/packages/hoppscotch-sh-admin/index.html +++ b/packages/hoppscotch-sh-admin/index.html @@ -1,5 +1,5 @@ - + - + \ No newline at end of file diff --git a/packages/hoppscotch-sh-admin/src/components.d.ts b/packages/hoppscotch-sh-admin/src/components.d.ts index 568d8e230..a2caf3300 100644 --- a/packages/hoppscotch-sh-admin/src/components.d.ts +++ b/packages/hoppscotch-sh-admin/src/components.d.ts @@ -1,44 +1,12 @@ // generated by unplugin-vue-components // We suggest you to commit this file into source control // Read more: https://github.com/vuejs/core/pull/3399 -import '@vue/runtime-core'; +import '@vue/runtime-core' -export {}; +export {} declare module '@vue/runtime-core' { export interface GlobalComponents { - AppHeader: typeof import('./components/app/Header.vue')['default']; - AppLogin: typeof import('./components/app/Login.vue')['default']; - AppLogout: typeof import('./components/app/Logout.vue')['default']; - AppModal: typeof import('./components/app/Modal.vue')['default']; - AppSidebar: typeof import('./components/app/Sidebar.vue')['default']; - AppToast: typeof import('./components/app/Toast.vue')['default']; - DashboardMetricsCard: typeof import('./components/dashboard/MetricsCard.vue')['default']; - HoppButtonPrimary: typeof import('@hoppscotch/ui')['HoppButtonPrimary']; - HoppButtonSecondary: typeof import('@hoppscotch/ui')['HoppButtonSecondary']; - HoppSmartAnchor: typeof import('@hoppscotch/ui')['HoppSmartAnchor']; - HoppSmartAutoComplete: typeof import('@hoppscotch/ui')['HoppSmartAutoComplete']; - HoppSmartConfirmModal: typeof import('@hoppscotch/ui')['HoppSmartConfirmModal']; - HoppSmartInput: typeof import('@hoppscotch/ui')['HoppSmartInput']; - HoppSmartItem: typeof import('@hoppscotch/ui')['HoppSmartItem']; - HoppSmartModal: typeof import('@hoppscotch/ui')['HoppSmartModal']; - HoppSmartPicture: typeof import('@hoppscotch/ui')['HoppSmartPicture']; - HoppSmartSpinner: typeof import('@hoppscotch/ui')['HoppSmartSpinner']; - HoppSmartTab: typeof import('@hoppscotch/ui')['HoppSmartTab']; - IconLucideArrowLeft: typeof import('~icons/lucide/arrow-left')['default']; - IconLucideChevronDown: typeof import('~icons/lucide/chevron-down')['default']; - IconLucideHelpCircle: typeof import('~icons/lucide/help-circle')['default']; - IconLucideInbox: typeof import('~icons/lucide/inbox')['default']; - IconLucideUser: typeof import('~icons/lucide/user')['default']; - TeamsAdd: typeof import('./components/teams/Add.vue')['default']; - TeamsDetails: typeof import('./components/teams/Details.vue')['default']; - TeamsInvite: typeof import('./components/teams/Invite.vue')['default']; - TeamsMembers: typeof import('./components/teams/Members.vue')['default']; - TeamsPendingInvites: typeof import('./components/teams/PendingInvites.vue')['default']; - TeamsTable: typeof import('./components/teams/Table.vue')['default']; - Tippy: typeof import('vue-tippy')['Tippy']; - UsersInviteModal: typeof import('./components/users/InviteModal.vue')['default']; - UsersTable: typeof import('./components/users/Table.vue')['default']; AppHeader: typeof import('./components/app/Header.vue')['default'] AppLogin: typeof import('./components/app/Login.vue')['default'] AppLogout: typeof import('./components/app/Logout.vue')['default'] @@ -49,9 +17,15 @@ declare module '@vue/runtime-core' { HoppButtonPrimary: typeof import('@hoppscotch/ui')['HoppButtonPrimary'] HoppButtonSecondary: typeof import('@hoppscotch/ui')['HoppButtonSecondary'] HoppSmartAnchor: typeof import('@hoppscotch/ui')['HoppSmartAnchor'] + HoppSmartAutoComplete: typeof import('@hoppscotch/ui')['HoppSmartAutoComplete'] HoppSmartConfirmModal: typeof import('@hoppscotch/ui')['HoppSmartConfirmModal'] + HoppSmartInput: typeof import('@hoppscotch/ui')['HoppSmartInput'] HoppSmartItem: typeof import('@hoppscotch/ui')['HoppSmartItem'] + HoppSmartModal: typeof import('@hoppscotch/ui')['HoppSmartModal'] HoppSmartPicture: typeof import('@hoppscotch/ui')['HoppSmartPicture'] + HoppSmartSpinner: typeof import('@hoppscotch/ui')['HoppSmartSpinner'] + IconLucideArrowLeft: typeof import('~icons/lucide/arrow-left')['default'] + IconLucideChevronDown: typeof import('~icons/lucide/chevron-down')['default'] IconLucideInbox: typeof import('~icons/lucide/inbox')['default'] TeamsAdd: typeof import('./components/teams/Add.vue')['default'] TeamsDetails: typeof import('./components/teams/Details.vue')['default'] @@ -63,4 +37,5 @@ declare module '@vue/runtime-core' { UsersInviteModal: typeof import('./components/users/InviteModal.vue')['default'] UsersTable: typeof import('./components/users/Table.vue')['default'] } + } diff --git a/packages/hoppscotch-sh-admin/src/pages/users/invited.vue b/packages/hoppscotch-sh-admin/src/pages/users/invited.vue index d49725cfb..190b8b185 100644 --- a/packages/hoppscotch-sh-admin/src/pages/users/invited.vue +++ b/packages/hoppscotch-sh-admin/src/pages/users/invited.vue @@ -44,8 +44,8 @@ :key="index" class="text-secondaryDark hover:bg-zinc-800 hover:cursor-pointer rounded-xl" > - -
+ +
{{ user?.adminUid }} @@ -56,10 +56,12 @@ {{ user?.adminEmail }} - - - {{ user?.inviteeEmail }} - + +
+ + {{ user?.inviteeEmail }} + +