From 3942c2a91556d1b37e3246d763200a97a893bf7b Mon Sep 17 00:00:00 2001 From: mmrbnjd Date: Sat, 9 Aug 2025 19:13:14 +0330 Subject: [PATCH] ... --- .../Pages/FromUserSide/UserCP.razor | 45 ++++++++++++++++++- 1 file changed, 43 insertions(+), 2 deletions(-) diff --git a/Presentation/HushianWebApp/Pages/FromUserSide/UserCP.razor b/Presentation/HushianWebApp/Pages/FromUserSide/UserCP.razor index 18da21e..1ac1449 100644 --- a/Presentation/HushianWebApp/Pages/FromUserSide/UserCP.razor +++ b/Presentation/HushianWebApp/Pages/FromUserSide/UserCP.razor @@ -155,8 +155,11 @@
- - +
@@ -484,6 +487,10 @@ } @functions { + private async Task OpenFileDialog() + { + await JS.InvokeVoidAsync("triggerClick", "chatImageInput"); + } private async Task OnImageSelected(InputFileChangeEventArgs e) { var file = e.File; @@ -890,6 +897,32 @@ transform: scale(1.1); } + .attach-btn { + border-radius: 50%; + width: 38px; + height: 38px; + padding: 0; + display: flex; + align-items: center; + justify-content: center; + background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); + border: 1px solid #e9ecef; + box-shadow: 0 4px 12px rgba(108, 117, 125, 0.2); + transition: all 0.3s ease; + color: #495057; + } + + .attach-btn:hover { + transform: translateY(-2px) scale(1.05); + box-shadow: 0 6px 16px rgba(108, 117, 125, 0.3); + background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%); + } + + .attach-btn:active { + transform: translateY(0) scale(0.95); + box-shadow: 0 2px 8px rgba(108, 117, 125, 0.2); + } + /* Beautiful chat separator styling */ .chat-separator { text-align: center; @@ -1245,4 +1278,12 @@ } }; + // Trigger click on hidden input by id + window.triggerClick = (elementId) => { + const el = document.getElementById(elementId); + if (el) { + el.click(); + } + }; + \ No newline at end of file