mirror of
https://github.com/lingble/twenty.git
synced 2025-10-29 03:42:30 +00:00
9073bdf21a
Fix #5644 **Apply background blur to input fields across UI for improved consistency and appearance with Theme compatibility :** 1. Updated **TextAreaInput.tsx** to apply background blur to text input fields (e.g., City name). 2. Enhanced **PhonesFieldInput.tsx** to apply background blur for seamless styling in phone number input sections. 3. Modified **TextInputV2.tsx** to add background blur in address inputs, workspace fields (e.g., Blocklist, Name fields), invitation inputs, profile name/email fields, and other input areas. 4. Updated **DateTimeInput.tsx** and **DateInput.tsx** to improve the appearance of date, time, and calendar popup fields with background blur. 5. Refined **DropdownMenuInput.tsx** and **DropdownMenuSearchInput.tsx** to add background blur to inputs for Emails, Domain name, and search fields across the web (e.g., Time Zone dropdowns, phone number country search). Some images are attached for reference. <img width="235" alt="1_b" src="https://github.com/user-attachments/assets/bd72e69a-712e-4226-8fda-0cb737d4cbd1"> <img width="229" alt="1_w" src="https://github.com/user-attachments/assets/bb8eb60b-31fb-44c6-ac2a-ca28638b5e07"> <img width="234" alt="2_b" src="https://github.com/user-attachments/assets/a4f0a9de-dea1-4ef8-926b-99de984c081b"> <img width="239" alt="2_w" src="https://github.com/user-attachments/assets/4d2c7331-4bbf-4ea2-adad-76c7cde4072c"> <img width="225" alt="3_b" src="https://github.com/user-attachments/assets/458f4759-8428-43ae-a6b6-aa38ab6fb0f8"> <img width="219" alt="3_w" src="https://github.com/user-attachments/assets/5ddb67c5-e59d-47cc-b2e7-44b3a7b794e6"> <img width="646" alt="4_b" src="https://github.com/user-attachments/assets/01252bce-a34a-4dda-a801-654ccc5e7841"> <img width="637" alt="4_w" src="https://github.com/user-attachments/assets/ea60deab-7594-4aef-ac63-0cedc9168951"> <img width="648" alt="5_b" src="https://github.com/user-attachments/assets/465789ec-55b3-4750-a2bc-a9e156b1101e"> <img width="642" alt="5_w" src="https://github.com/user-attachments/assets/8b58977a-f543-4018-a4ee-b1ff5b9180a3"> <img width="647" alt="6_b" src="https://github.com/user-attachments/assets/88030efe-bd16-43e4-9744-ee223aa04298"> <img width="642" alt="6_w" src="https://github.com/user-attachments/assets/4ca2c365-ab1e-47e9-ba4a-bdb738500f56"> <img width="647" alt="7_b" src="https://github.com/user-attachments/assets/224c3da5-cf57-4652-bd29-681c2098917e"> <img width="655" alt="7_w" src="https://github.com/user-attachments/assets/eecc2d51-ce1f-47c9-845c-c6fe15a40fa5"> <img width="317" alt="8_b" src="https://github.com/user-attachments/assets/e899b4a2-4849-4d1c-805b-5a950a53d6cc"> <img width="335" alt="8_w" src="https://github.com/user-attachments/assets/73fef887-0a46-4557-aca4-d07c9dc298d1"> <img width="246" alt="9_b" src="https://github.com/user-attachments/assets/99c5627a-e7ba-4453-9666-8d73b0d676ee"> <img width="238" alt="9_w" src="https://github.com/user-attachments/assets/bb36e4ea-3b78-48f5-822f-cc5012e5d434"> <img width="218" alt="10_b" src="https://github.com/user-attachments/assets/450fa833-12ad-40b7-80f5-17de6af582bd"> <img width="225" alt="10_w" src="https://github.com/user-attachments/assets/3fe6d128-4146-4316-821e-2ebd65fd12d5"> <img width="647" alt="11_b" src="https://github.com/user-attachments/assets/ec39f88f-0beb-4cf0-b35f-b4f78b4e75ff"> <img width="663" alt="11_w" src="https://github.com/user-attachments/assets/6eb19fe7-604c-4cb9-9623-208e541df751"> <img width="235" alt="12_b" src="https://github.com/user-attachments/assets/98e68530-f5c5-43d1-839e-a8c14582b72a"> <img width="245" alt="12_w" src="https://github.com/user-attachments/assets/e3f0aec9-6a32-4784-a36c-d187303d3310"> --------- Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>