fix(contacts): Improve full-screen list height calculation

Adjusted .contacts-list-fullscreen height to better utilize available
screen space by increasing the subtracted value from 200px to 300px
on desktop and from 150px to 340px on mobile.

This accounts for:
- Navbar (~56px)
- Main container padding (~48px)
- Back buttons (~60px)
- Search toolbar (~50px)
- Filter/sort toolbar (~60px)
- Margins between elements (~26px)

Fixes blank space at bottom of Existing Contacts and Pending Contacts pages.
This commit is contained in:
MarekWo
2025-12-30 11:57:53 +01:00
parent 7e8509bbf8
commit ccff0cf465

View File

@@ -216,7 +216,7 @@
/* NEW: Full-screen lists for dedicated pages */
.contacts-list-fullscreen {
height: calc(100vh - 200px);
height: calc(100vh - 300px);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: 0;
@@ -332,7 +332,7 @@
}
.contacts-list-fullscreen {
height: calc(100vh - 150px);
height: calc(100vh - 340px);
}
.filter-sort-toolbar {