Feat: FileManager (#98) (#703)

* feat: add file manager module

- Complete file manager implementation with UI/UX
- Add drive management functionality
- Add file upload/download with progress tracking
- Add stamp integration and handling
- Add bulk operations and context menus

Co-authored-by: Roland Seres <roland.seres90@gmail.com>
Co-authored-by: nidishk <nidishkrishnan45@gmail.com>
This commit is contained in:
Bálint Ujvári
2025-11-12 11:26:00 +01:00
committed by GitHub
parent 1249c0df71
commit 5bfe2a0331
107 changed files with 21529 additions and 5578 deletions
@@ -0,0 +1,85 @@
.fm-create-drive-modal-container {
position: absolute;
top: 0;
width: 100%;
height: 100vh;
background: #000c;
backdrop-filter: blur(5px);
z-index: 1300;
display: flex;
justify-content: center;
align-items: center;
}
.fm-create-drive-modal {
width: 450px;
padding: 24px;
background-color: rgb(255, 255, 255);
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
display: flex;
flex-direction: column;
gap: 24px;
justify-content: center;
align-items: center;
}
.fm-create-drive-modal-header {
display: flex;
width: 100%;
justify-content: start;
font-size: 18px;
color: rgb(237, 129, 49);
font-weight: 700;
}
.fm-create-drive-modal-body {
display: flex;
flex-direction: column;
gap: 24px;
width: 100%;
border: 1px solid rgb(229, 231, 235);
padding: 24px;
background-color: rgb(249, 250, 251);
}
.fm-create-drive-modal-input-container {
width: 100%;
display: flex;
flex-direction: column;
gap: 4px;
color: rgb(55, 65, 81);
& input {
padding: 8px 12px;
font-size: 14px;
font-family: 'iAWriterQuattroV';
border: 1px solid rgb(209, 213, 219);
line-height: 21px;
outline: none;
}
& input::placeholder {
color: #aaa;
}
& input:focus {
border: 1px solid rgb(237, 129, 49) !important;
}
}
.fm-create-drive-modal-footer {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
gap: 12px;
}
.fm-modal-info-note {
font-size: 0.85rem;
color: #666;
margin-top: 4px;
line-height: 1.4;
}