Fix admin button clipping

This commit is contained in:
Sam Becker 2025-03-28 21:49:32 -05:00
parent 50f3c4f9c2
commit c94fb65ee1
2 changed files with 3 additions and 4 deletions

View File

@ -46,7 +46,8 @@ export default function MoreMenu({
<DropdownMenu.Trigger asChild>
<button
className={clsx(
'p-1 min-h-0 border-none shadow-none',
'px-1 py-[3px]',
'min-h-0 border-none shadow-none',
'hover:bg-gray-100 active:bg-gray-200/75',
'dark:hover:bg-gray-800/75 dark:active:bg-gray-900',
'text-dim',

View File

@ -233,7 +233,6 @@ export default function PhotoLarge({
<AdminPhotoMenu {...{
photo,
revalidatePhoto,
buttonClassName: 'translate-y-[-4px]',
includeFavorite: includeFavoriteInAdminMenu,
ariaLabel: `Admin menu for '${titleForPhoto(photo)}' photo`,
}} />;
@ -259,14 +258,13 @@ export default function PhotoLarge({
</Link>}
classNameSide="relative"
contentSide={
<div className="md:absolute inset-0">
<div className="md:absolute inset-0 -mt-1">
<MaskedScroll
className="sticky top-4 self-start"
fadeHeight={36}
hideScrollbar
>
<DivDebugBaselineGrid className={clsx(
'-mt-1',
'grid grid-cols-2 md:grid-cols-1',
'gap-x-0.5 sm:gap-x-1 gap-y-baseline',
'mb-6 md:mb-4',