Updated on 2026-08-14

This commit is contained in:
Tangem 2026-03-06 21:07:20 +05:00
parent 37a31042c0
commit 5a3e53cb3b
28 changed files with 1763 additions and 13 deletions

View file

@ -39,22 +39,18 @@ fun BottomFade(modifier: Modifier = Modifier, backgroundColor: Color = TangemThe
}
/**
* A composable that draws a fade effect at the right end of the screen. Same as [BottomFade]
* but with a horizontal gradient.
* A composable that draws a fade effect at the bottom of the screen. Used on screens with a list of repeating
* elements and floating button at the bottom of the screen.
*/
@Composable
fun HorizontalFade(modifier: Modifier = Modifier, backgroundColor: Color = TangemTheme.colors.background.secondary) {
fun BottomFade(gradientBrush: Brush, modifier: Modifier = Modifier) {
val bottomBarHeight = with(LocalDensity.current) { WindowInsets.systemBars.getBottom(this).toDp() }
Box(
modifier = modifier
.fillMaxHeight()
.background(
brush = Brush.horizontalGradient(
colors = listOf(
Color.Transparent,
backgroundColor,
),
),
),
.fillMaxWidth()
.height(TangemTheme.dimens.size100 + bottomBarHeight)
.background(gradientBrush),
)
}

View file

@ -15,6 +15,7 @@ import androidx.compose.ui.tooling.preview.PreviewParameter
import androidx.compose.ui.tooling.preview.PreviewParameterProvider
import androidx.compose.ui.unit.dp
import com.tangem.core.ui.R
import com.tangem.core.ui.components.haze.hazeEffectTangem
import com.tangem.core.ui.extensions.TextReference
import com.tangem.core.ui.extensions.stringReference
import com.tangem.core.ui.res.TangemTheme
@ -83,6 +84,7 @@ fun SecondaryTangemButton(
onClick = onClick,
modifier = modifier
.clip(shape.toShape(size))
.hazeEffectTangem()
.then(backgroundModifier),
text = text,
contentColor = contentColor,