Browse Source

fix(gui): align pagination arrows center

Signed-off-by: Pranav C <pranavxc@gmail.com>
pull/4996/head
Pranav C 2 years ago
parent
commit
80fb1292a2
  1. 8
      packages/nc-gui/components/general/ShareBaseButton.vue
  2. 2
      packages/nc-gui/components/smartsheet/Pagination.vue
  3. 2
      packages/nc-gui/components/smartsheet/sidebar/toolbar/ToggleDrawer.vue

8
packages/nc-gui/components/general/ShareBaseButton.vue

@ -44,10 +44,10 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
<span class="text-xs">{{ $t('activity.inviteTeam') }}</span> <span class="text-xs">{{ $t('activity.inviteTeam') }}</span>
</template> </template>
<a-button type="primary" class="!rounded-md mr-1" size="medium"> <a-button type="primary" class="!rounded-md mr-1" size="medium">
<div class="flex items-center space-x-1 cursor-pointer text-xs font-weight-bold "> <div class="flex items-center space-x-1 cursor-pointer text-xs font-weight-bold">
<MdiAccountPlusOutline class="mr-1 nc-share-base text-gray-300 hover:text-accent" /> <MdiAccountPlusOutline class="mr-1 nc-share-base hover:text-accent text-sm" />
Share Share
</div> </div>
</a-button> </a-button>
</a-tooltip> </a-tooltip>
</div> </div>

2
packages/nc-gui/components/smartsheet/Pagination.vue

@ -59,6 +59,6 @@ const page = computed({
} }
:deep(.ant-pagination-item-link) { :deep(.ant-pagination-item-link) {
@apply text-gray-500; @apply text-gray-500 flex items-center justify-center;
} }
</style> </style>

2
packages/nc-gui/components/smartsheet/sidebar/toolbar/ToggleDrawer.vue

@ -11,7 +11,7 @@ const onClick = () => {
<template> <template>
<div :class="{ 'nc-active-btn': isOpen }"> <div :class="{ 'nc-active-btn': isOpen }">
<a-button size="small" class="nc-toggle-right-navbar" @click="onClick"> <a-button size="small" class="nc-toggle-right-navbar" @click="onClick">
<div class="flex items-center gap-1 text-xs text-gray-500" :class="{ 'text-gray-500': !isOpen }"> <div class="flex items-center gap-1 text-[0.6rem] text-gray-500" :class="{ 'text-gray-500': !isOpen }">
<AntDesignMenuUnfoldOutlined v-if="isOpen" /> <AntDesignMenuUnfoldOutlined v-if="isOpen" />
<AntDesignMenuFoldOutlined v-else /> <AntDesignMenuFoldOutlined v-else />

Loading…
Cancel
Save