Sulkta-OSS/element-x-ada
3
0
Fork 0
Code Issues 1 Pull requests 10 Projects Releases Packages Wiki Activity Actions

Create Huge logo size

Browse source
This commit is contained in:
Benoit Marty 2023-07-18 11:53:46 +02:00
parent 7d9a02075a
commit b86f829cfc
1 changed files with 28 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

31
libraries/designsystem/src/main/kotlin/io/element/android/libraries/designsystem/atomic/atoms/ElementLogoAtom.kt
View file

@ -57,7 +57,7 @@ fun ElementLogoAtom(
) { ) {
val blur = if (darkTheme) 160.dp else 24.dp val blur = if (darkTheme) 160.dp else 24.dp
//box-shadow: 0px 6.075949668884277px 24.30379867553711px 0px #1B1D2280; //box-shadow: 0px 6.075949668884277px 24.30379867553711px 0px #1B1D2280;
val shadowColor = if (darkTheme) Color.Black.copy(alpha = 0.4f) else Color(0x401B1D22) val shadowColor = if (darkTheme) size.shadowColorDark else size.shadowColorLight
val backgroundColor = if (darkTheme) Color.White.copy(alpha = 0.2f) else Color.White.copy(alpha = 0.4f) val backgroundColor = if (darkTheme) Color.White.copy(alpha = 0.2f) else Color.White.copy(alpha = 0.4f)
val borderColor = if (darkTheme) Color.White.copy(alpha = 0.8f) else Color.White.copy(alpha = 0.4f) val borderColor = if (darkTheme) Color.White.copy(alpha = 0.8f) else Color.White.copy(alpha = 0.4f)
Box( Box(
@ -72,7 +72,7 @@ fun ElementLogoAtom(
.shapeShadow( .shapeShadow(
color = shadowColor, color = shadowColor,
cornerRadius = size.cornerRadius, cornerRadius = size.cornerRadius,
blurRadius = 32.dp, blurRadius = size.shadowRadius,
offsetY = 8.dp, offsetY = 8.dp,
) )
) )
@ -96,12 +96,18 @@ sealed class ElementLogoAtomSize(
val logoSize: Dp, val logoSize: Dp,
val cornerRadius: Dp, val cornerRadius: Dp,
val borderWidth: Dp, val borderWidth: Dp,
val shadowColorDark: Color,
val shadowColorLight: Color,
val shadowRadius: Dp,
) { ) {
object Medium : ElementLogoAtomSize( object Medium : ElementLogoAtomSize(
outerSize = 120.dp, outerSize = 120.dp,
logoSize = 83.5.dp, logoSize = 83.5.dp,
cornerRadius = 33.dp, cornerRadius = 33.dp,
borderWidth = 0.38.dp, borderWidth = 0.38.dp,
shadowColorDark = Color.Black.copy(alpha = 0.4f),
shadowColorLight = Color(0x401B1D22),
shadowRadius = 32.dp,
) )
object Large : ElementLogoAtomSize( object Large : ElementLogoAtomSize(
@ -109,6 +115,19 @@ sealed class ElementLogoAtomSize(
logoSize = 110.dp, logoSize = 110.dp,
cornerRadius = 44.dp, cornerRadius = 44.dp,
borderWidth = 1.dp, borderWidth = 1.dp,
shadowColorDark = Color.Black.copy(alpha = 0.4f),
shadowColorLight = Color(0x401B1D22),
shadowRadius = 32.dp,
)
object Huge : ElementLogoAtomSize(
outerSize = 158.dp,
logoSize = 110.dp,
cornerRadius = 44.dp,
borderWidth = 0.5.dp,
shadowColorDark = Color.Black,
shadowColorLight = Color(0x801B1D22),
shadowRadius = 60.dp,
) )
} }
@ -162,12 +181,18 @@ internal fun ElementLogoAtomLargePreview() {
ContentToPreview(ElementLogoAtomSize.Large) ContentToPreview(ElementLogoAtomSize.Large)
} }
@Composable
@DayNightPreviews
internal fun ElementLogoAtomHugePreview() {
ContentToPreview(ElementLogoAtomSize.Huge)
}
@Composable @Composable
private fun ContentToPreview(elementLogoAtomSize: ElementLogoAtomSize) { private fun ContentToPreview(elementLogoAtomSize: ElementLogoAtomSize) {
ElementPreview { ElementPreview {
Box( Box(
Modifier Modifier
.size(elementLogoAtomSize.outerSize + 64.dp) .size(elementLogoAtomSize.outerSize + elementLogoAtomSize.shadowRadius * 2)
.background(ElementTheme.colors.bgSubtlePrimary), .background(ElementTheme.colors.bgSubtlePrimary),
contentAlignment = Alignment.Center contentAlignment = Alignment.Center
) { ) {