Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2024-12-30 20:33:54 -05:00
Code Issues Activity

fix(console): pagination bar should be fully visible (#5758)

Browse source
This commit is contained in:
Charles Zhao 2024-04-19 15:54:49 +08:00 committed by GitHub
parent d23b433f40
commit 9707d66930
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/console/src/pages/TenantSettings/TenantMembers/EditMemberModal/index.tsx
View file

@ -15,6 +15,8 @@ import { useConfirmModal } from '@/hooks/use-confirm-modal';
import useCurrentTenantScopes from '@/hooks/use-current-tenant-scopes'; import useCurrentTenantScopes from '@/hooks/use-current-tenant-scopes';
import * as modalStyles from '@/scss/modal.module.scss'; import * as modalStyles from '@/scss/modal.module.scss';
import * as styles from '../index.module.scss';
type Props = { type Props = {
readonly user: TenantMemberResponse; readonly user: TenantMemberResponse;
readonly isOpen: boolean; readonly isOpen: boolean;
@ -43,7 +45,9 @@ function EditMemberModal({ user, isOpen, onClose }: Props) {
if (role === TenantRole.Admin) { if (role === TenantRole.Admin) {
const [result] = await show({ const [result] = await show({
ModalContent: () => ( ModalContent: () => (
<Trans components={{ ul: <ul />, li: <li /> }}>{t('assign_admin_confirm')}</Trans> <Trans components={{ ul: <ul className={styles.list} />, li: <li /> }}>
{t('assign_admin_confirm')}
</Trans>
), ),
confirmButtonText: 'general.confirm', confirmButtonText: 'general.confirm',
}); });

5
packages/console/src/pages/TenantSettings/TenantMembers/InviteMemberModal/index.tsx
View file

@ -15,6 +15,7 @@ import * as modalStyles from '@/scss/modal.module.scss';
import InviteEmailsInput from '../InviteEmailsInput'; import InviteEmailsInput from '../InviteEmailsInput';
import useEmailInputUtils from '../InviteEmailsInput/hooks'; import useEmailInputUtils from '../InviteEmailsInput/hooks';
import * as styles from '../index.module.scss';
import { type InviteMemberForm } from '../types'; import { type InviteMemberForm } from '../types';
import Footer from './Footer'; import Footer from './Footer';
@ -66,7 +67,9 @@ function InviteMemberModal({ isOpen, onClose }: Props) {
if (role === TenantRole.Admin) { if (role === TenantRole.Admin) {
const [result] = await show({ const [result] = await show({
ModalContent: () => ( ModalContent: () => (
<Trans components={{ ul: <ul />, li: <li /> }}>{t('assign_admin_confirm')}</Trans> <Trans components={{ ul: <ul className={styles.list} />, li: <li /> }}>
{t('assign_admin_confirm')}
</Trans>
), ),
confirmButtonText: 'general.confirm', confirmButtonText: 'general.confirm',
}); });

2
packages/console/src/pages/TenantSettings/TenantMembers/index.module.scss
View file

@ -53,7 +53,7 @@
} }
} }
ul { .list {
padding-inline-start: _.unit(6); padding-inline-start: _.unit(6);
> li { > li {