pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-20 15:11:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Revert PhotoModal close button changes

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-09-29 01:59:56 +00:00
parent 37a7caddbc
commit eb24edd96a
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/moderation/PhotoModal.tsx
View File

@@ -1,5 +1,5 @@
import { useState } from 'react'; import { useState } from 'react';
import { ChevronLeft, ChevronRight } from 'lucide-react'; import { X, ChevronLeft, ChevronRight } from 'lucide-react';
import { Dialog, DialogContent } from '@/components/ui/dialog'; import { Dialog, DialogContent } from '@/components/ui/dialog';
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
@@ -35,8 +35,18 @@ export function PhotoModal({ photos, initialIndex, isOpen, onClose }: PhotoModal
return ( return (
<Dialog open={isOpen} onOpenChange={onClose}> <Dialog open={isOpen} onOpenChange={onClose}>
<DialogContent className="max-w-7xl w-full max-h-[90vh] p-0"> <DialogContent className="max-w-7xl w-full max-h-[90vh] p-0 [&>button]:hidden">
<div className="relative bg-black rounded-lg overflow-hidden" onKeyDown={handleKeyDown} tabIndex={0}> <div className="relative bg-black rounded-lg overflow-hidden" onKeyDown={handleKeyDown} tabIndex={0}>
{/* Close button */}
<Button
variant="ghost"
size="sm"
onClick={onClose}
className="absolute top-4 right-4 z-20 text-white hover:bg-white/10"
>
<X className="h-4 w-4" />
</Button>
{/* Header */} {/* Header */}
<div className="absolute top-0 left-0 right-0 z-10 bg-gradient-to-b from-black/80 to-transparent p-4"> <div className="absolute top-0 left-0 right-0 z-10 bg-gradient-to-b from-black/80 to-transparent p-4">
<div className="text-white"> <div className="text-white">