Updated on 2026-08-14

features/referral/presentation/src/main/java/com/tangem/feature/referral/ReferralFragment.kt

@@ -1,14 +1,11 @@
 package com.tangem.feature.referral
 
 import android.os.Bundle
-import androidx.compose.foundation.layout.systemBarsPadding
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.fragment.app.viewModels
 import com.tangem.common.routing.AppRouter
 import com.tangem.core.ui.UiDependencies
-import com.tangem.core.ui.components.SystemBarsEffect
-import com.tangem.core.ui.res.TangemTheme
 import com.tangem.core.ui.screen.ComposeFragment
 import com.tangem.feature.referral.router.ReferralRouter
 import com.tangem.feature.referral.ui.ReferralScreen
@@ -35,12 +32,6 @@ class ReferralFragment : ComposeFragment() {
 
     @Composable
     override fun ScreenContent(modifier: Modifier) {
-        val backgroundColor = TangemTheme.colors.background.secondary
-        SystemBarsEffect { setSystemBarsColor(backgroundColor) }
-
-        ReferralScreen(
-            modifier = Modifier.systemBarsPadding(),
-            stateHolder = viewModel.uiState,
-        )
+        ReferralScreen(stateHolder = viewModel.uiState)
     }
 }

features/referral/presentation/src/main/java/com/tangem/feature/referral/ui/AgreementBottomSheetContent.kt

@@ -2,23 +2,20 @@ package com.tangem.feature.referral.ui
 
 import android.content.res.Configuration
 import androidx.compose.foundation.background
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.rememberScrollState
 import androidx.compose.foundation.verticalScroll
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.platform.LocalConfiguration
+import androidx.compose.ui.platform.LocalDensity
 import androidx.compose.ui.platform.LocalInspectionMode
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
 import com.google.accompanist.web.WebView
 import com.google.accompanist.web.rememberWebViewState
 import com.tangem.core.ui.components.appbar.AppBarWithAdditionalButtons
-import com.tangem.core.ui.res.TangemThemePreview
 import com.tangem.core.ui.res.TangemTheme
+import com.tangem.core.ui.res.TangemThemePreview
 import com.tangem.feature.referral.presentation.R
 
 /**
@@ -28,15 +25,16 @@ import com.tangem.feature.referral.presentation.R
  */
 @Composable
 internal fun AgreementBottomSheetContent(url: String) {
+    val bottomBarHeight = with(LocalDensity.current) { WindowInsets.systemBars.getBottom(this).toDp() }
+
     Column(
         modifier = Modifier
-            .fillMaxWidth()
-            .height(LocalConfiguration.current.screenHeightDp.dp - TangemTheme.dimens.spacing16),
+            .fillMaxSize()
+            .verticalScroll(rememberScrollState()),
     ) {
-        Column(modifier = Modifier.verticalScroll(rememberScrollState())) {
-            AppBarWithAdditionalButtons(text = stringResource(id = R.string.details_referral_title))
-            AgreementHtmlView(url = url)
-        }
+        AppBarWithAdditionalButtons(text = stringResource(id = R.string.details_referral_title))
+        AgreementHtmlView(url = url)
+        Spacer(modifier = Modifier.height(bottomBarHeight))
     }
 }
 
@@ -46,7 +44,7 @@ private fun AgreementHtmlView(url: String) {
     val isInPreviewMode = LocalInspectionMode.current
     WebView(
         state = state,
-        modifier = Modifier.background(TangemTheme.colors.background.secondary),
+        modifier = Modifier.background(TangemTheme.colors.background.primary),
         captureBackPresses = false,
         onCreated = {
             if (!isInPreviewMode) {

features/referral/presentation/src/main/java/com/tangem/feature/referral/ui/ReferralBottomSheet.kt

@@ -1,11 +1,18 @@
 package com.tangem.feature.referral.ui
 
+import androidx.compose.foundation.layout.WindowInsets
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.statusBars
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.material3.ModalBottomSheet
 import androidx.compose.material3.SheetState
 import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalDensity
+import com.tangem.core.ui.res.LocalWindowSize
 import com.tangem.core.ui.res.TangemTheme
+import com.tangem.core.ui.utils.WindowInsetsZero
 import com.tangem.feature.referral.models.ReferralStateHolder
 
 @OptIn(ExperimentalMaterial3Api::class)
@@ -16,14 +23,18 @@ internal fun ReferralBottomSheet(
     onDismissRequest: () -> Unit,
     config: ReferralStateHolder.ReferralInfoState,
 ) {
+    val statusBarHeight = with(LocalDensity.current) { WindowInsets.statusBars.getTop(this).toDp() }
+
     if (isVisible) {
         ModalBottomSheet(
+            modifier = Modifier.height(LocalWindowSize.current.height - statusBarHeight),
             onDismissRequest = onDismissRequest,
             sheetState = sheetState,
             shape = RoundedCornerShape(
                 topStart = TangemTheme.dimens.radius16,
                 topEnd = TangemTheme.dimens.radius16,
             ),
+            windowInsets = WindowInsetsZero,
             containerColor = TangemTheme.colors.background.primary,
         ) {
             AgreementBottomSheetContent(

features/referral/presentation/src/main/java/com/tangem/feature/referral/ui/ReferralScreen.kt

@@ -46,16 +46,16 @@ import kotlinx.coroutines.launch
  */
 @OptIn(ExperimentalMaterial3Api::class)
 @Composable
-internal fun ReferralScreen(stateHolder: ReferralStateHolder, modifier: Modifier = Modifier) {
+internal fun ReferralScreen(stateHolder: ReferralStateHolder) {
     var isBottomSheetVisible by remember { mutableStateOf(value = false) }
     val sheetState = rememberModalBottomSheetState(skipPartiallyExpanded = true)
 
     val snackbarHostState = remember(::SnackbarHostState)
 
     Scaffold(
-        modifier = modifier,
         topBar = {
             AppBarWithBackButton(
+                modifier = Modifier.statusBarsPadding(),
                 text = stringResource(R.string.details_referral_title),
                 onBackClick = stateHolder.headerState.onBackClicked,
             )