RiMatch is a dating application which helps users find connections by creating profiles, matching them with others based on preferences, and enabling communication through chat.
The issue of the settings card and the navbar overlapping (url: settings/profile) is fixed by adding outer div element that will keep the card fixed in place while the inner div (the content of the card) grows accordingly. In SettingsProfile.tsx, there is a comment that is left in because if something were to not work with the card, that could be the fix.
Component GenericCard.tsx that is changed is also used for every card in the settings and the messages card, so take a look if everything looks good. If there is a problem with the approach to this fix, let me know.
The issue of the settings card and the navbar overlapping (url:
settings/profile
) is fixed by adding outer div element that will keep the card fixed in place while the inner div (the content of the card) grows accordingly. In SettingsProfile.tsx, there is a comment that is left in because if something were to not work with the card, that could be the fix.Component GenericCard.tsx that is changed is also used for every card in the
settings
and themessages
card, so take a look if everything looks good. If there is a problem with the approach to this fix, let me know.