feat: description style for plugins, fix border

Opti-mod · Oct 24, 2024 · d430478 · d430478
1 parent 474f02c
commit d430478
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/ui/settings/components/Card.tsx b/src/ui/settings/components/Card.tsx
@@ -12,9 +12,9 @@ const { showSimpleActionSheet } = findByProps("showSimpleActionSheet");
 const styles = stylesheet.createThemedStyleSheet({
     card: {
         backgroundColor: semanticColors.BACKGROUND_SECONDARY,
-        borderRadius: 7,
+        borderRadius: 12,
         borderColor: semanticColors.BACKGROUND_TERTIARY,
-        borderWidth: 1,
+        borderWidth: 2,
     },
     header: {
         padding: 0,
@@ -23,6 +23,9 @@ const styles = stylesheet.createThemedStyleSheet({
         borderTopLeftRadius: 5,
         borderTopRightRadius: 5,
     },
+    description: {
+        fontSize: 11,
+    },
     actions: {
         flexDirection: "row-reverse",
         alignItems: "center",
@@ -95,6 +98,7 @@ export default function Card(props: CardProps) {
 
             />
             <TableRow
+                style={styles.description}
                 label={props.descriptionLabel}
                 trailing={
                     <RN.View style={styles.actions}>