Skip to content

Commit b2346f0

Browse files
committed
feat: add main project logo to info screen with premium glassmorphism ui
1 parent 0857b7d commit b2346f0

2 files changed

Lines changed: 19 additions & 10 deletions

File tree

android/app/src/main/java/com/masterdns/vpn/ui/info/InfoScreen.kt

Lines changed: 19 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,7 @@ import androidx.compose.ui.Alignment
3535
import androidx.compose.ui.Modifier
3636
import androidx.compose.ui.draw.clip
3737
import androidx.compose.ui.graphics.Brush
38+
import androidx.compose.ui.graphics.Color
3839
import androidx.compose.ui.platform.LocalUriHandler
3940
import androidx.compose.ui.res.painterResource
4041
import androidx.compose.ui.res.stringResource
@@ -75,7 +76,8 @@ fun InfoScreen(onBack: () -> Unit) {
7576
) {
7677
item {
7778
Card(
78-
shape = RoundedCornerShape(20.dp),
79+
shape = RoundedCornerShape(24.dp),
80+
elevation = CardDefaults.cardElevation(defaultElevation = 8.dp),
7981
colors = CardDefaults.cardColors(containerColor = MdvColor.SurfaceLow),
8082
modifier = Modifier.fillMaxWidth()
8183
) {
@@ -85,22 +87,29 @@ fun InfoScreen(onBack: () -> Unit) {
8587
.background(
8688
brush = Brush.linearGradient(
8789
colors = listOf(
88-
MdvColor.PrimaryContainer,
90+
MdvColor.PrimaryContainer.copy(alpha = 0.9f),
8991
MdvColor.Primary
9092
)
9193
)
9294
)
93-
.padding(18.dp)
95+
.padding(20.dp)
9496
) {
9597
Row(verticalAlignment = Alignment.CenterVertically) {
96-
Image(
97-
painter = painterResource(id = R.drawable.ic_launcher_foreground_raw),
98-
contentDescription = stringResource(R.string.info_app_logo),
98+
Box(
9999
modifier = Modifier
100-
.size(64.dp)
101-
.clip(CircleShape)
102-
)
103-
Spacer(modifier = Modifier.size(12.dp))
100+
.size(76.dp)
101+
.background(Color.White.copy(alpha = 0.2f), RoundedCornerShape(20.dp))
102+
.padding(4.dp)
103+
) {
104+
Image(
105+
painter = painterResource(id = R.drawable.masterdnsvpn),
106+
contentDescription = stringResource(R.string.info_app_logo),
107+
modifier = Modifier
108+
.fillMaxSize()
109+
.clip(RoundedCornerShape(16.dp))
110+
)
111+
}
112+
Spacer(modifier = Modifier.width(16.dp))
104113
Column {
105114
Text(
106115
text = stringResource(R.string.info_app_name_title),
163 KB
Loading

0 commit comments

Comments
 (0)