[TouchController] 更新状态页的样式

Author: fifth-light

touchcontroller/common/ui/config/tab/status/BUILD.bazel

@@ -16,10 +16,12 @@ kt_merge_library(
         "//combine/core/data",
         "//combine/core/layout",
         "//combine/core/modifier",
+        "//combine/core/modifier/drawing",
         "//combine/core/modifier/placement",
         "//combine/core/modifier/scroll",
         "//combine/core/paint",
         "//combine/core/widget/layout",
+        "//combine/style",
         "//combine/widget",
         "@maven//:cafe_adriel_voyager_voyager_core_desktop",
         "@maven//:cafe_adriel_voyager_voyager_screenmodel_desktop",

touchcontroller/common/ui/config/tab/status/StatusTab.kt

@@ -5,8 +5,10 @@ import androidx.compose.runtime.collectAsState
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.remember
 import top.fifthlight.combine.data.Text
+import top.fifthlight.combine.data.TextColor
 import top.fifthlight.combine.layout.Arrangement
 import top.fifthlight.combine.modifier.Modifier
+import top.fifthlight.combine.modifier.drawing.border
 import top.fifthlight.combine.modifier.placement.fillMaxSize
 import top.fifthlight.combine.modifier.placement.fillMaxWidth
 import top.fifthlight.combine.modifier.placement.padding
@@ -44,23 +46,27 @@ object StatusTab : Tab() {
                     Text.format(
                         Texts.SCREEN_CONFIG_STATUS_PLATFORM,
                         Text.translatable(Texts.SCREEN_CONFIG_STATUS_PLATFORM_UNAVAILABLE)
-                    )
+                    ).color(TextColor.RED)
                 )
             }
 
-            uiState.systemInfo?.let { systemInfo ->
+            uiState.warningMessage?.let { systemInfo ->
                 Column(
-                    modifier = Modifier.fillMaxWidth(),
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .border(LocalTouchControllerTheme.current.listButtonDrawablesUnchecked.normal),
                     verticalArrangement = Arrangement.spacedBy(8),
                 ) {
-                    Text(Text.translatable(Texts.SCREEN_CONFIG_STATUS_DEBUG_INFO_TITLE))
-
-                    Text(Text.format(Texts.SCREEN_CONFIG_STATUS_DEBUG_INFO_SYSTEM, systemInfo.system))
-                    Text(Text.format(Texts.SCREEN_CONFIG_STATUS_DEBUG_INFO_ARCHITECTURE, systemInfo.arch))
-
                     uiState.warningMessage?.let { Text(it) }
                 }
             }
+
+            uiState.systemInfo?.let { systemInfo ->
+                Text(Text.translatable(Texts.SCREEN_CONFIG_STATUS_DEBUG_INFO_TITLE))
+
+                Text(Text.format(Texts.SCREEN_CONFIG_STATUS_DEBUG_INFO_SYSTEM, systemInfo.system))
+                Text(Text.format(Texts.SCREEN_CONFIG_STATUS_DEBUG_INFO_ARCHITECTURE, systemInfo.arch))
+            }
         }
     }
 }