Amkor/Groupware
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Apply standardized dialog theme to PasswordDialog and Note dialogs

Browse Source
This commit is contained in:
backuppc
2025-12-30 16:52:00 +09:00
parent 9b55cb57c9
commit 8528d0206c
15 changed files with 982 additions and 718 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
Project/frontend/src/components/note/NoteViewModal.tsx
View File

@@ -21,13 +21,13 @@ export function NoteViewModal({ isOpen, note, onClose, onEdit, onDelete }: NoteV
return createPortal(
<div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm">
<div className="bg-gray-900 rounded-2xl shadow-2xl w-full max-w-2xl max-h-[80vh] overflow-hidden border border-white/10">
<div className="dialog-container rounded-2xl w-full max-w-2xl max-h-[80vh] overflow-hidden transition-all duration-300">
{/* 헤더 */}
<div className="flex items-center justify-between px-6 py-4 border-b border-white/10">
<h2 className="text-xl font-bold text-white">{note.title || '제목 없음'}</h2>
<div className="dialog-header flex items-center justify-between px-6 py-4">
<h2 className="dialog-title">{note.title || '제목 없음'}</h2>
<button
onClick={onClose}
className="text-white/50 hover:text-white transition-colors"
className="text-text-secondary hover:text-text-primary transition-colors"
>
<X className="w-6 h-6" />
</button>
@@ -41,7 +41,7 @@ export function NoteViewModal({ isOpen, note, onClose, onEdit, onDelete }: NoteV
</div>
{/* 하단 버튼 */}
<div className="flex items-center justify-between px-6 py-4 border-t border-white/10 bg-white/5">
<div className="dialog-footer flex items-center justify-between px-6 py-4">
<button
onClick={handleDelete}
className="px-4 py-2 rounded-lg bg-danger-500 hover:bg-danger-600 text-white transition-colors flex items-center gap-2"