dark mode-v15
This commit is contained in:
parent
863b098db3
commit
000794d16b
1 changed files with 37 additions and 9 deletions
|
|
@ -17,6 +17,7 @@ import androidx.compose.foundation.layout.width
|
||||||
import androidx.compose.foundation.shape.CircleShape
|
import androidx.compose.foundation.shape.CircleShape
|
||||||
import androidx.compose.foundation.shape.RoundedCornerShape
|
import androidx.compose.foundation.shape.RoundedCornerShape
|
||||||
import androidx.compose.material3.Divider
|
import androidx.compose.material3.Divider
|
||||||
|
import androidx.compose.material3.MaterialTheme
|
||||||
import androidx.compose.material3.Text
|
import androidx.compose.material3.Text
|
||||||
import androidx.compose.runtime.Composable
|
import androidx.compose.runtime.Composable
|
||||||
import androidx.compose.ui.Alignment
|
import androidx.compose.ui.Alignment
|
||||||
|
|
@ -43,12 +44,23 @@ fun setting_profile_page(){
|
||||||
|
|
||||||
Box() {
|
Box() {
|
||||||
//glass effect
|
//glass effect
|
||||||
Box(modifier = Modifier.matchParentSize().blur(10.dp))
|
|
||||||
Box(
|
Box(
|
||||||
modifier = Modifier
|
modifier = Modifier
|
||||||
.matchParentSize()
|
.matchParentSize()
|
||||||
.background(Color.White.copy(alpha = 0.08f), RoundedCornerShape(16.dp))
|
.blur(10.dp)
|
||||||
.border(1.dp, Color.White.copy(alpha = 0.3f), RoundedCornerShape(16.dp))
|
)
|
||||||
|
Box(
|
||||||
|
modifier = Modifier
|
||||||
|
.matchParentSize()
|
||||||
|
.background(
|
||||||
|
color = MaterialTheme.colorScheme.primary,
|
||||||
|
RoundedCornerShape(16.dp)
|
||||||
|
)
|
||||||
|
.border(
|
||||||
|
1.dp,
|
||||||
|
Color.White.copy(alpha = 0.3f),
|
||||||
|
RoundedCornerShape(16.dp)
|
||||||
|
)
|
||||||
)
|
)
|
||||||
|
|
||||||
Column() {
|
Column() {
|
||||||
|
|
@ -115,12 +127,23 @@ fun setting_profile_page(){
|
||||||
//user detail
|
//user detail
|
||||||
Box(){
|
Box(){
|
||||||
//glass effect
|
//glass effect
|
||||||
Box(modifier = Modifier.matchParentSize().blur(10.dp))
|
|
||||||
Box(
|
Box(
|
||||||
modifier = Modifier
|
modifier = Modifier
|
||||||
.matchParentSize()
|
.matchParentSize()
|
||||||
.background(Color.White.copy(alpha = 0.08f), RoundedCornerShape(16.dp))
|
.blur(10.dp)
|
||||||
.border(1.dp, Color.White.copy(alpha = 0.3f), RoundedCornerShape(16.dp))
|
)
|
||||||
|
Box(
|
||||||
|
modifier = Modifier
|
||||||
|
.matchParentSize()
|
||||||
|
.background(
|
||||||
|
color = MaterialTheme.colorScheme.primary,
|
||||||
|
RoundedCornerShape(16.dp)
|
||||||
|
)
|
||||||
|
.border(
|
||||||
|
1.dp,
|
||||||
|
Color.White.copy(alpha = 0.3f),
|
||||||
|
RoundedCornerShape(16.dp)
|
||||||
|
)
|
||||||
)
|
)
|
||||||
|
|
||||||
//intro
|
//intro
|
||||||
|
|
@ -131,6 +154,7 @@ fun setting_profile_page(){
|
||||||
// mutual friends
|
// mutual friends
|
||||||
Text(text = "258 mutual friends",
|
Text(text = "258 mutual friends",
|
||||||
fontSize = 20.sp,
|
fontSize = 20.sp,
|
||||||
|
color = MaterialTheme.colorScheme.onBackground
|
||||||
)
|
)
|
||||||
Divider(
|
Divider(
|
||||||
color = Color.White.copy(alpha = 0.4f),
|
color = Color.White.copy(alpha = 0.4f),
|
||||||
|
|
@ -141,6 +165,7 @@ fun setting_profile_page(){
|
||||||
//mutual server
|
//mutual server
|
||||||
Text(text = "25 servers",
|
Text(text = "25 servers",
|
||||||
fontSize = 20.sp,
|
fontSize = 20.sp,
|
||||||
|
color = MaterialTheme.colorScheme.onBackground
|
||||||
)
|
)
|
||||||
Divider(
|
Divider(
|
||||||
color = Color.White.copy(alpha = 0.4f),
|
color = Color.White.copy(alpha = 0.4f),
|
||||||
|
|
@ -151,7 +176,8 @@ fun setting_profile_page(){
|
||||||
//gender
|
//gender
|
||||||
Text(
|
Text(
|
||||||
text = "male",
|
text = "male",
|
||||||
fontSize = 22.sp
|
fontSize = 22.sp,
|
||||||
|
color = MaterialTheme.colorScheme.onBackground
|
||||||
)
|
)
|
||||||
Divider(
|
Divider(
|
||||||
color = Color.White.copy(alpha = 0.4f),
|
color = Color.White.copy(alpha = 0.4f),
|
||||||
|
|
@ -162,7 +188,8 @@ fun setting_profile_page(){
|
||||||
//location
|
//location
|
||||||
Text(
|
Text(
|
||||||
text = "Taiwan",
|
text = "Taiwan",
|
||||||
fontSize = 22.sp
|
fontSize = 22.sp,
|
||||||
|
color = MaterialTheme.colorScheme.onBackground
|
||||||
)
|
)
|
||||||
Divider(
|
Divider(
|
||||||
color = Color.White.copy(alpha = 0.4f),
|
color = Color.White.copy(alpha = 0.4f),
|
||||||
|
|
@ -173,7 +200,8 @@ fun setting_profile_page(){
|
||||||
//intro
|
//intro
|
||||||
Text(
|
Text(
|
||||||
text = "Founder of JFF studios,Software Dev Guy,3D Artist",
|
text = "Founder of JFF studios,Software Dev Guy,3D Artist",
|
||||||
fontSize = 16.sp
|
fontSize = 16.sp,
|
||||||
|
color = MaterialTheme.colorScheme.onBackground
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue