Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-06 22:40:14 -05:00
Code Issues Activity

Modal refinements in AdminX

Browse source 
refs. https://github.com/TryGhost/Team/issues/3150
This commit is contained in:
Peter Zimon 2023-05-25 18:24:18 +02:00
parent 7bdb98ff9d
commit 505d61bf9f
3 changed files with 14 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ghost/admin-x-settings/src/admin-x-ds/global/Modal.tsx
View file

@ -57,12 +57,12 @@ const Modal: React.FC<ModalProps> = ({size = 'md', title, okLabel, cancelLabel,
break;
case 'lg':
modalStyles += ' max-w-[940px] p-10';
backdropStyles += ' p-[5vmin]';
modalStyles += ' max-w-[1020px] p-12';
backdropStyles += ' p-[4vmin]';
break;
case 'xl':
modalStyles += ' max-w-[1180px] p-12';
modalStyles += ' max-w-[1240px] p-14';
backdropStyles += ' p-[3vmin]';
break;

17
ghost/admin-x-settings/src/components/settings/general/LockSite.tsx
View file

@ -1,4 +1,3 @@
import IconLabel from '../../../admin-x-ds/global/IconLabel';
import Link from '../../../admin-x-ds/global/Link';
import React from 'react';
import SettingGroup from '../../../admin-x-ds/settings/SettingGroup';
@ -6,6 +5,8 @@ import SettingGroupContent from '../../../admin-x-ds/settings/SettingGroupConten
import TextField from '../../../admin-x-ds/global/TextField';
import Toggle from '../../../admin-x-ds/global/Toggle';
import useSettingGroup from '../../../hooks/useSettingGroup';
import {ReactComponent as LockedIcon} from '../../../assets/icons/lock-locked.svg';
import {ReactComponent as UnLockedIcon} from '../../../assets/icons/lock-unlocked.svg';
const LockSite: React.FC = () => {
const {
@ -33,13 +34,15 @@ const LockSite: React.FC = () => {
{
key: 'private',
value: passwordEnabled ? (
<IconLabel icon='lock-locked' iconColor='yellow'>
Your site is password protected
</IconLabel>
<div className='flex items-center '>
<LockedIcon className='mr-2 h-4 w-4 text-yellow' />
<span>Your site is password protected</span>
</div>
) : (
<IconLabel icon='lock-unlocked' iconColor='grey-900'>
Your site is password protected
</IconLabel>
<div className='flex items-center text-grey-900 '>
<UnLockedIcon className='mr-2 h-4 w-4' />
<span>Your site is not password protected</span>
</div>
)
}
]}

2
ghost/admin-x-settings/src/components/settings/general/modals/UserDetailModal.tsx
View file

@ -228,7 +228,7 @@ const UserDetailModal:React.FC<UserDetailModalProps> = ({user}) => {
<Modal
okColor='green'
okLabel='Save'
size='xl'
size='lg'
onOk={() => {
alert('Clicked OK');
}}