Skip to content

Commit 91888d7

Browse files
committed
update: Optimize icons, colors, corner radii
update: Optimize font sizes (temporary solution) update: [MiuixIndication] Remove useless code
1 parent 115bec2 commit 91888d7

File tree

16 files changed

+285
-106
lines changed

16 files changed

+285
-106
lines changed

miuix/src/commonMain/kotlin/top/yukonga/miuix/kmp/basic/Button.kt

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,8 @@ fun Button(
3838
onClick: () -> Unit,
3939
enabled: Boolean = true,
4040
submit: Boolean = false,
41-
cornerRadius: Dp = 18.dp
41+
cornerRadius: Dp = 16.dp,
42+
minHeight: Dp = 40.dp
4243
) {
4344
val hapticFeedback = LocalHapticFeedback.current
4445
val color by rememberUpdatedState(getButtonColor(enabled, submit))
@@ -56,14 +57,15 @@ fun Button(
5657
) {
5758
Row(
5859
Modifier
59-
.defaultMinSize(minWidth = 58.dp, minHeight = 40.dp)
60+
.defaultMinSize(minWidth = 58.dp, minHeight = minHeight)
6061
.padding(16.dp, 16.dp),
6162
horizontalArrangement = Arrangement.Center,
6263
verticalAlignment = Alignment.CenterVertically,
6364
) {
6465
Text(
6566
text = text,
6667
color = textColor,
68+
fontSize = MiuixTheme.textStyles.button.fontSize,
6769
fontWeight = FontWeight.Medium
6870
)
6971
}

miuix/src/commonMain/kotlin/top/yukonga/miuix/kmp/basic/Card.kt

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ import top.yukonga.miuix.kmp.utils.SmoothRoundedCornerShape
2929
fun Card(
3030
modifier: Modifier = Modifier,
3131
insideMargin: DpSize = DpSize(0.dp, 0.dp),
32-
cornerRadius: Dp = 18.dp,
32+
cornerRadius: Dp = 16.dp,
3333
color: Color = MiuixTheme.colorScheme.surface,
3434
content: @Composable ColumnScope.() -> Unit
3535
) {

miuix/src/commonMain/kotlin/top/yukonga/miuix/kmp/basic/Component.kt

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ import androidx.compose.foundation.layout.Column
88
import androidx.compose.foundation.layout.Row
99
import androidx.compose.foundation.layout.RowScope
1010
import androidx.compose.foundation.layout.fillMaxWidth
11+
import androidx.compose.foundation.layout.heightIn
1112
import androidx.compose.foundation.layout.padding
1213
import androidx.compose.runtime.Composable
1314
import androidx.compose.runtime.getValue
@@ -81,6 +82,7 @@ fun BasicComponent(
8182
}
8283
}
8384
}
85+
.heightIn(min = 56.dp)
8486
.fillMaxWidth()
8587
.then(paddingModifier),
8688
verticalAlignment = Alignment.CenterVertically,
@@ -99,14 +101,15 @@ fun BasicComponent(
99101
title?.let {
100102
Text(
101103
text = it,
104+
fontSize = MiuixTheme.textStyles.headline1.fontSize,
102105
fontWeight = FontWeight.Medium,
103106
color = titleColor
104107
)
105108
}
106109
summary?.let {
107110
Text(
108111
text = it,
109-
fontSize = MiuixTheme.textStyles.title.fontSize,
112+
fontSize = MiuixTheme.textStyles.body2.fontSize,
110113
color = summaryColor
111114
)
112115
}

miuix/src/commonMain/kotlin/top/yukonga/miuix/kmp/basic/SmallTitle.kt

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,6 @@ import androidx.compose.ui.graphics.Color
88
import androidx.compose.ui.text.font.FontWeight
99
import androidx.compose.ui.unit.DpSize
1010
import androidx.compose.ui.unit.dp
11-
import androidx.compose.ui.unit.sp
1211
import top.yukonga.miuix.kmp.theme.MiuixTheme
1312

1413
/**
@@ -32,7 +31,7 @@ fun SmallTitle(
3231
Text(
3332
modifier = modifier.then(paddingModifier),
3433
text = text,
35-
fontSize = 14.sp,
34+
fontSize = MiuixTheme.textStyles.subtitle.fontSize,
3635
fontWeight = FontWeight.Medium,
3736
color = textColor
3837
)

miuix/src/commonMain/kotlin/top/yukonga/miuix/kmp/basic/TextField.kt

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -195,9 +195,9 @@ fun TextField(
195195
value: String,
196196
onValueChange: (String) -> Unit,
197197
modifier: Modifier = Modifier,
198-
insideMargin: DpSize = DpSize(16.dp, 16.dp),
198+
insideMargin: DpSize = DpSize(16.dp, 15.dp),
199199
backgroundColor: Color = MiuixTheme.colorScheme.secondaryContainer,
200-
cornerRadius: Dp = 18.dp,
200+
cornerRadius: Dp = 16.dp,
201201
label: String = "",
202202
labelColor: Color = MiuixTheme.colorScheme.onSecondaryContainer,
203203
enabled: Boolean = true,
@@ -223,7 +223,7 @@ fun TextField(
223223
else Modifier.padding(vertical = insideMargin.height)
224224
}
225225
val isFocused by interactionSource.collectIsFocusedAsState()
226-
val borderWidth by animateDpAsState(if (isFocused) 1.6.dp else 0.dp)
226+
val borderWidth by animateDpAsState(if (isFocused) 2.0.dp else 0.dp)
227227
val borderColor by animateColorAsState(if (isFocused) MiuixTheme.colorScheme.primary else backgroundColor)
228228
val labelOffsetY by animateDpAsState(if (value.isNotEmpty()) -(insideMargin.height / 2) else 0.dp)
229229
val innerTextOffsetY by animateDpAsState(if (value.isNotEmpty()) (insideMargin.height / 2) else 0.dp)

miuix/src/commonMain/kotlin/top/yukonga/miuix/kmp/basic/TopAppBar.kt

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,6 @@ import androidx.compose.ui.unit.Constraints
5353
import androidx.compose.ui.unit.Dp
5454
import androidx.compose.ui.unit.Velocity
5555
import androidx.compose.ui.unit.dp
56-
import androidx.compose.ui.unit.sp
5756
import androidx.compose.ui.util.fastFirst
5857
import top.yukonga.miuix.kmp.theme.MiuixTheme
5958
import kotlin.math.abs
@@ -524,7 +523,7 @@ private fun TopAppBarLayout(
524523
Text(
525524
text = title,
526525
maxLines = 1,
527-
fontSize = 20.sp,
526+
fontSize = MiuixTheme.textStyles.title3.fontSize,
528527
fontWeight = FontWeight.Medium
529528
)
530529
}
@@ -544,7 +543,7 @@ private fun TopAppBarLayout(
544543
Text(
545544
text = largeTitle,
546545
maxLines = 1,
547-
fontSize = 32.sp,
546+
fontSize = MiuixTheme.textStyles.title1.fontSize,
548547
fontWeight = FontWeight.Normal
549548
)
550549
}

miuix/src/commonMain/kotlin/top/yukonga/miuix/kmp/extra/SuperArrow.kt

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,6 @@ import androidx.compose.ui.graphics.Color
1313
import androidx.compose.ui.text.style.TextAlign
1414
import androidx.compose.ui.unit.DpSize
1515
import androidx.compose.ui.unit.dp
16-
import androidx.compose.ui.unit.sp
1716
import top.yukonga.miuix.kmp.basic.BasicComponent
1817
import top.yukonga.miuix.kmp.basic.Text
1918
import top.yukonga.miuix.kmp.icon.MiuixIcons
@@ -60,15 +59,15 @@ fun SuperArrow(
6059
if (rightText != null) {
6160
Text(
6261
text = rightText,
63-
fontSize = 15.sp,
62+
fontSize = MiuixTheme.textStyles.body2.fontSize,
6463
color = MiuixTheme.colorScheme.onSurfaceVariantActions,
6564
textAlign = TextAlign.End,
6665
)
6766
}
6867
Image(
6968
modifier = Modifier
70-
.size(15.dp)
71-
.padding(start = 6.dp),
69+
.padding(start = 8.dp)
70+
.size(10.dp, 16.dp),
7271
imageVector = MiuixIcons.ArrowRight,
7372
contentDescription = null,
7473
colorFilter = BlendModeColorFilter(MiuixTheme.colorScheme.onSurfaceVariantActions, BlendMode.SrcIn),

miuix/src/commonMain/kotlin/top/yukonga/miuix/kmp/extra/SuperDialog.kt

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,6 @@ import androidx.compose.ui.text.style.TextAlign
2828
import androidx.compose.ui.unit.Dp
2929
import androidx.compose.ui.unit.DpSize
3030
import androidx.compose.ui.unit.dp
31-
import androidx.compose.ui.unit.sp
3231
import top.yukonga.miuix.kmp.basic.Box
3332
import top.yukonga.miuix.kmp.basic.Text
3433
import top.yukonga.miuix.kmp.theme.MiuixTheme
@@ -60,7 +59,7 @@ fun SuperDialog(
6059
title: String? = null,
6160
titleColor: Color = MiuixTheme.colorScheme.onSurface,
6261
summary: String? = null,
63-
summaryColor: Color = MiuixTheme.colorScheme.onSurfaceVariantDialog,
62+
summaryColor: Color = MiuixTheme.colorScheme.onSurfaceSecondary,
6463
backgroundColor: Color = MiuixTheme.colorScheme.surfaceVariant,
6564
show: MutableState<Boolean>,
6665
onDismissRequest: (() -> Unit)? = null,
@@ -129,18 +128,21 @@ fun SuperDialog(
129128
) {
130129
title?.let {
131130
Text(
132-
modifier = Modifier.fillMaxWidth().padding(bottom = 20.dp),
131+
modifier = Modifier.fillMaxWidth()
132+
.padding(start = 36.dp, end = 36.dp, bottom = 16.dp),
133133
text = it,
134-
fontSize = 20.sp,
134+
fontSize = MiuixTheme.textStyles.title4.fontSize,
135135
fontWeight = FontWeight.Medium,
136136
textAlign = TextAlign.Center,
137137
color = titleColor
138138
)
139139
}
140140
summary?.let {
141141
Text(
142-
modifier = Modifier.fillMaxWidth().padding(bottom = 20.dp),
142+
modifier = Modifier.fillMaxWidth()
143+
.padding(start = 28.dp, end = 28.dp, bottom = 16.dp),
143144
text = it,
145+
fontSize = MiuixTheme.textStyles.body1.fontSize,
144146
textAlign = TextAlign.Center,
145147
color = summaryColor
146148
)

miuix/src/commonMain/kotlin/top/yukonga/miuix/kmp/extra/SuperDropdown.kt

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ import top.yukonga.miuix.kmp.basic.BasicComponent
6565
import top.yukonga.miuix.kmp.basic.Box
6666
import top.yukonga.miuix.kmp.basic.Text
6767
import top.yukonga.miuix.kmp.icon.MiuixIcons
68-
import top.yukonga.miuix.kmp.icon.icons.ArrowUpDown
68+
import top.yukonga.miuix.kmp.icon.icons.ArrowUpDownIntegrated
6969
import top.yukonga.miuix.kmp.icon.icons.Check
7070
import top.yukonga.miuix.kmp.theme.MiuixTheme
7171
import top.yukonga.miuix.kmp.utils.BackHandler
@@ -168,17 +168,18 @@ fun SuperDropdown(
168168
summaryColor = summaryColor,
169169
rightActions = {
170170
Text(
171-
modifier = Modifier.padding(end = 6.dp),
171+
modifier = Modifier.widthIn(max = 130.dp),
172172
text = items[selectedIndex],
173-
fontSize = 15.sp,
173+
fontSize = MiuixTheme.textStyles.body2.fontSize,
174174
color = actionColor,
175175
textAlign = TextAlign.End,
176176
)
177177
Image(
178178
modifier = Modifier
179-
.size(15.dp)
179+
.padding(start = 8.dp)
180+
.size(10.dp, 16.dp)
180181
.align(Alignment.CenterVertically),
181-
imageVector = MiuixIcons.ArrowUpDown,
182+
imageVector = MiuixIcons.ArrowUpDownIntegrated,
182183
colorFilter = BlendModeColorFilter(actionColor, BlendMode.SrcIn),
183184
contentDescription = null
184185
)

miuix/src/commonMain/kotlin/top/yukonga/miuix/kmp/icon/icons/ArrowRight.kt

Lines changed: 11 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -14,31 +14,22 @@ import top.yukonga.miuix.kmp.icon.MiuixIcons
1414
val MiuixIcons.ArrowRight: ImageVector
1515
get() {
1616
if (_arrowRight != null) return _arrowRight!!
17-
_arrowRight = ImageVector.Builder("ArrowRight", 26.dp, 42.dp, 26f, 42f).apply {
17+
_arrowRight = ImageVector.Builder("ArrowRight", 10.dp, 16.dp, 10f, 16f).apply {
1818
path(
1919
fill = SolidColor(Color.Black),
2020
fillAlpha = 1f,
2121
pathFillType = PathFillType.EvenOdd
2222
) {
23-
moveTo(18.9982f, 20.3635f)
24-
lineTo(6.5388f, 7.9041f)
25-
lineTo(4.4899f, 5.8552f)
26-
curveTo(3.8367f, 5.202f, 3.8367f, 4.143f, 4.4899f, 3.4899f)
27-
curveTo(5.143f, 2.8367f, 6.202f, 2.8367f, 6.8552f, 3.4899f)
28-
lineTo(8.9041f, 5.5388f)
29-
lineTo(21.3635f, 17.9982f)
30-
lineTo(23.4124f, 20.0471f)
31-
curveTo(23.7596f, 20.3943f, 23.9223f, 20.8562f, 23.9003f, 21.3109f)
32-
curveTo(23.9238f, 21.7673f, 23.7612f, 22.2315f, 23.4126f, 22.5801f)
33-
lineTo(21.3638f, 24.629f)
34-
lineTo(8.9043f, 37.0884f)
35-
lineTo(6.8555f, 39.1373f)
36-
curveTo(6.2023f, 39.7904f, 5.1433f, 39.7904f, 4.4901f, 39.1373f)
37-
curveTo(3.837f, 38.4841f, 3.837f, 37.4251f, 4.4901f, 36.772f)
38-
lineTo(6.539f, 34.7231f)
39-
lineTo(18.9984f, 22.2636f)
40-
lineTo(19.9484f, 21.3137f)
41-
lineTo(18.9982f, 20.3635f)
23+
moveTo(1.65f, 1.469f)
24+
curveTo(1.929f, 1.19f, 2.381f, 1.19f, 2.66f, 1.469f)
25+
lineTo(8.721f, 7.53f)
26+
curveTo(9.0f, 7.809f, 9.0f, 8.261f, 8.721f, 8.54f)
27+
lineTo(2.66f, 14.601f)
28+
curveTo(2.381f, 14.88f, 1.929f, 14.88f, 1.65f, 14.601f)
29+
curveTo(1.371f, 14.322f, 1.371f, 13.87f, 1.65f, 13.591f)
30+
lineTo(7.205f, 8.035f)
31+
lineTo(1.65f, 2.479f)
32+
curveTo(1.371f, 2.2f, 1.371f, 1.748f, 1.65f, 1.469f)
4233
close()
4334
}
4435
}.build()

0 commit comments

Comments
 (0)