FromChat/web
1
0
Fork 0
mirror of https://github.com/fromchat-messenger/web.git synced 2026-09-23 03:25:07 +03:00
Code Issues Packages Projects Releases Wiki Activity

Implement file drag & drop

Browse Source
This commit is contained in:
denis0001-dev
2025-09-25 18:47:29 +03:00
Unverified
parent 1db2d55f76
commit 0fbdcd04c9
7 changed files with 181 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/resources/css/_chat.scss
+41
View File
@@ -65,6 +65,7 @@
display: flex;
flex-direction: column;
height: 100%;
position: relative;
.chat-header {
padding: 16px;
@@ -277,6 +278,46 @@
}
}
.file-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 100;
backdrop-filter: blur(20px);
.file-overlay-wrapper {
border-radius: 30px;
outline: 3px dashed $color-dark-primary;
outline-offset: -20px;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
.file-overlay-inner {
display: flex;
gap: 12px;
align-items: center;
padding: 12px 16px;
background: rgba(18, 18, 18, 0.8);
border: 1px solid $color-dark-surface-container-high;
border-radius: 12px;
color: $color-dark-on-surface;
mdui-icon {
color: $color-dark-primary;
}
}
}
}
.chat-input-wrapper {
position: relative;
margin: 0 20px 20px 20px;