- sort style attributes

- update shadow values
2022-10-24 20:22:34 -05:00
parent fa497f6e3c
commit c7e4dc992d
1 changed files with 12 additions and 7 deletions
--- a/app/screens/create_direct_message/selected_users/index.tsx
+++ b/app/screens/create_direct_message/selected_users/index.tsx
@@ -60,16 +60,21 @@ const getStyleFromTheme = makeStyleSheetFromTheme((theme) => {
    return {
        container: {
            flexShrink: 1,
-            borderWidth: 1,
-            borderBottomWidth: 0,
            backgroundColor: theme.centerChannelBg,
-            paddingHorizontal: 20,
+            borderBottomWidth: 0,
+            borderColor: changeOpacity(theme.centerChannelColor, 0.16),
            borderTopLeftRadius: 12,
            borderTopRightRadius: 12,
-            borderColor: changeOpacity(theme.centerChannelColor, 0.16),
-            shadowOffset: {width: 0, height: -4},
-            shadowColor: changeOpacity(theme.centerChannelBg, 0.12),
-            shadowRadius: 1,
+            borderWidth: 1,
+            elevation: 4,
+            paddingHorizontal: 20,
+            shadowColor: theme.centerChannelColor,
+            shadowOffset: {
+                width: 0,
+                height: 8,
+            },
+            shadowOpacity: 0.16,
+            shadowRadius: 24,
        },
        buttonContainer: {
            marginVertical: 20,