Refactor/design - #53
Merged
MohamedRamadanSaudi merged 6 commits intoMar 5, 2026
Merged
Conversation
- Deleted ScreenShareLayout.css and Sidebar.css as they were no longer needed. - Updated SidebarPanel.tsx to use Tailwind CSS for styling, improving responsiveness and maintainability. - Refactored index.css to unify CSS variable syntax and enhance animation keyframes. - Adjusted tailwind.config.js for cleaner configuration and added new utility classes for better design consistency.
…etingContent and VideoSection
…nd improved readability
- Introduced SpeakerControl component for selecting audio output devices. - Updated DeviceMenuItem to support speaker devices. - Enhanced device management to include listener mode, allowing users to join without microphone/camera access. - Modified PermissionPrompt to reflect listener mode context. - Updated JoinButton and LobbyContent to handle listener mode state. - Refactored error handling and display for better user experience. - Added MeetingPreferencesContext for managing meeting preferences across components.
…nagement in CustomControlBar
|
@Amr3011 is attempting to deploy a commit to the Mohamed Ramadan's projects Team on Vercel. A member of the Team first needs to authorize it. |
Owner
|
Thank you for your contribution, LGTM! |
MohamedRamadanSaudi
merged commit Mar 5, 2026
ad30733
into
MohamedRamadanSaudi:main
1 of 2 checks passed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This pull request refactors the styling approach for several meeting-related React components, moving from CSS class-based stylesheets to inline Tailwind-like utility classes and inline style objects. The main goal is to modernize the UI, improve maintainability, and ensure better theme consistency across components. Additionally, some modal and error message components have been visually enhanced for clarity and user experience.
Refactoring and Styling Modernization
AdminControls.styles.cssand replaced CSS class-based styling with inline utility classes and style objects throughout theAdminControlscomponent group, includingEndMeetingButton,ParticipantItem, andParticipantsList, resulting in a more maintainable and theme-consistent codebase. [1] [2] [3] [4] [5]Device Error Modal Redesign
DeviceErrorMessagecomponent to use a modern dark modal style, with a gradient header, improved icon/title layout, clearer instructions section, and more visually distinct action buttons, enhancing user experience for device access errors. [1] [2] [3]Deprecation of Legacy CSS
ChatSidebar.cssfile, eliminating legacy CSS for the chat component in favor of future inline or utility-based styling, reducing CSS bloat and potential conflicts.Minor UI Consistency Updates
CustomControlBar/CameraControl.tsxto use utility classes for consistency with the new styling approach. [1] [2]