Skynet/misc_pterodactyl-panel
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve mobile support

Browse source
This commit is contained in:
DaneEveritt 2022-06-12 15:40:14 -04:00
parent 68a654f9e8
commit cd97936179
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
resources/scripts/components/elements/activity/ActivityLogEntry.tsx
View file

@ -26,7 +26,7 @@ export default ({ activity, children }: Props) => {
return ( return (
<div className={'grid grid-cols-10 py-4 border-b-2 border-gray-800 last:rounded-b last:border-0 group'}> <div className={'grid grid-cols-10 py-4 border-b-2 border-gray-800 last:rounded-b last:border-0 group'}>
<div className={'col-span-2 sm:col-span-1 flex items-center justify-center select-none'}> <div className={'hidden sm:flex sm:col-span-1 items-center justify-center select-none'}>
<div className={'flex items-center w-8 h-8 rounded-full bg-gray-600 overflow-hidden'}> <div className={'flex items-center w-8 h-8 rounded-full bg-gray-600 overflow-hidden'}>
{actor ? {actor ?
<img src={actor.image} alt={'User avatar'}/> <img src={actor.image} alt={'User avatar'}/>
@ -35,8 +35,8 @@ export default ({ activity, children }: Props) => {
} }
</div> </div>
</div> </div>
<div className={'col-span-8 sm:col-span-9 flex'}> <div className={'col-span-10 sm:col-span-9 flex'}>
<div className={'flex-1'}> <div className={'flex-1 px-4 sm:px-0'}>
<div className={'flex items-center text-gray-50'}> <div className={'flex items-center text-gray-50'}>
<Tooltip placement={'top'} content={actor?.email || 'System User'}> <Tooltip placement={'top'} content={actor?.email || 'System User'}>
<span>{actor?.username || 'System'}</span> <span>{actor?.username || 'System'}</span>

2
resources/scripts/components/elements/activity/ActivityLogMetaButton.tsx
View file

@ -7,7 +7,7 @@ export default ({ meta }: { meta: Record<string, unknown> }) => {
const [ open, setOpen ] = useState(false); const [ open, setOpen ] = useState(false);
return ( return (
<div className={'self-center mx-4'}> <div className={'self-center md:px-4'}>
<Dialog <Dialog
open={open} open={open}
onClose={() => setOpen(false)} onClose={() => setOpen(false)}