Enlage a Read more button on the info item
This commit is contained in:
parent
cf00f116a0
commit
28c4aeaa96
|
@ -18,6 +18,7 @@ import androidx.compose.foundation.layout.size
|
||||||
import androidx.compose.foundation.layout.width
|
import androidx.compose.foundation.layout.width
|
||||||
import androidx.compose.foundation.shape.CircleShape
|
import androidx.compose.foundation.shape.CircleShape
|
||||||
import androidx.compose.material.icons.Icons
|
import androidx.compose.material.icons.Icons
|
||||||
|
import androidx.compose.material.icons.outlined.ArrowDownward
|
||||||
import androidx.compose.material.icons.outlined.ArrowDropDown
|
import androidx.compose.material.icons.outlined.ArrowDropDown
|
||||||
import androidx.compose.material.icons.outlined.ErrorOutline
|
import androidx.compose.material.icons.outlined.ErrorOutline
|
||||||
import androidx.compose.material3.ColorScheme
|
import androidx.compose.material3.ColorScheme
|
||||||
|
@ -45,6 +46,7 @@ import com.artemchep.keyguard.res.Res
|
||||||
import com.artemchep.keyguard.ui.DisabledEmphasisAlpha
|
import com.artemchep.keyguard.ui.DisabledEmphasisAlpha
|
||||||
import com.artemchep.keyguard.ui.ExpandedIfNotEmpty
|
import com.artemchep.keyguard.ui.ExpandedIfNotEmpty
|
||||||
import com.artemchep.keyguard.ui.MediumEmphasisAlpha
|
import com.artemchep.keyguard.ui.MediumEmphasisAlpha
|
||||||
|
import com.artemchep.keyguard.ui.theme.Dimens
|
||||||
import com.artemchep.keyguard.ui.theme.combineAlpha
|
import com.artemchep.keyguard.ui.theme.combineAlpha
|
||||||
import com.artemchep.keyguard.ui.theme.info
|
import com.artemchep.keyguard.ui.theme.info
|
||||||
import com.artemchep.keyguard.ui.theme.infoContainer
|
import com.artemchep.keyguard.ui.theme.infoContainer
|
||||||
|
@ -179,7 +181,6 @@ private fun LearnOverlay(
|
||||||
contentAlignment = Alignment.BottomStart,
|
contentAlignment = Alignment.BottomStart,
|
||||||
) {
|
) {
|
||||||
LearnButton(
|
LearnButton(
|
||||||
backgroundColor = backgroundColor,
|
|
||||||
elevation = 1.dp,
|
elevation = 1.dp,
|
||||||
onClick = onClick,
|
onClick = onClick,
|
||||||
)
|
)
|
||||||
|
@ -207,28 +208,28 @@ private fun LearnButton(
|
||||||
.background(finalBackgroundColor)
|
.background(finalBackgroundColor)
|
||||||
.clickable(onClick = onClick)
|
.clickable(onClick = onClick)
|
||||||
.padding(
|
.padding(
|
||||||
horizontal = 12.dp,
|
horizontal = 16.dp,
|
||||||
vertical = 8.dp,
|
vertical = 12.dp,
|
||||||
),
|
),
|
||||||
verticalAlignment = Alignment.CenterVertically,
|
verticalAlignment = Alignment.CenterVertically,
|
||||||
horizontalArrangement = Arrangement.Start,
|
horizontalArrangement = Arrangement.Start,
|
||||||
) {
|
) {
|
||||||
Text(
|
|
||||||
text = stringResource(Res.strings.learn_more),
|
|
||||||
style = MaterialTheme.typography.labelLarge,
|
|
||||||
color = color,
|
|
||||||
)
|
|
||||||
Spacer(
|
|
||||||
modifier = Modifier
|
|
||||||
.width(4.dp),
|
|
||||||
)
|
|
||||||
Icon(
|
Icon(
|
||||||
modifier = Modifier
|
modifier = Modifier
|
||||||
.size(18.dp),
|
.size(18.dp),
|
||||||
tint = color,
|
tint = color,
|
||||||
imageVector = Icons.Outlined.ArrowDropDown,
|
imageVector = Icons.Outlined.ArrowDownward,
|
||||||
contentDescription = null,
|
contentDescription = null,
|
||||||
)
|
)
|
||||||
|
Spacer(
|
||||||
|
modifier = Modifier
|
||||||
|
.width(Dimens.buttonIconPadding),
|
||||||
|
)
|
||||||
|
Text(
|
||||||
|
text = stringResource(Res.strings.learn_more),
|
||||||
|
style = MaterialTheme.typography.labelLarge,
|
||||||
|
color = color,
|
||||||
|
)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue