fix: small ui fixes (#90)

Signed-off-by: Jan <[email protected]>
animo · Feb 27, 2024 · 8361d94 · 8361d94
1 parent 8da35a8
commit 8361d94
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/packages/app/features/notifications/components/CredentialNotificationScreen.tsx b/packages/app/features/notifications/components/CredentialNotificationScreen.tsx
@@ -26,8 +26,14 @@ export function CredentialNotificationScreen({
 }: CredentialNotificationScreenProps) {
   const { bottom } = useSafeAreaInsets()
   return (
-    <ScrollView bg="$grey-200" safeAreaBottom={bottom}>
-      <YStack g="3xl" jc="space-between" pad="lg" py="$6">
+    <ScrollView
+      bg="$grey-200"
+      contentContainerStyle={{
+        minHeight: '100%',
+      }}
+      safeAreaBottom={bottom}
+    >
+      <YStack g="3xl" jc="space-between" height="100%" pad="lg" py="$6">
         <YStack g="2xl">
           <Heading variant="h2" ta="center" px="$4">
             You have received a credential

diff --git a/packages/app/features/notifications/components/PresentationNotificationScreen.tsx b/packages/app/features/notifications/components/PresentationNotificationScreen.tsx
@@ -75,7 +75,7 @@ export function PresentationNotificationScreen({
                       </Paragraph>
                       <YStack flexDirection="row" flexWrap="wrap">
                         {s.requestedAttributes.map((a) => (
-                          <Paragraph key={a} variant="annotation" secondary>
+                          <Paragraph flexBasis="50%" key={a} variant="annotation" secondary>
                             • {sanitizeString(a)}
                           </Paragraph>
                         ))}

diff --git a/packages/ui/src/panels/ToastContainer.tsx b/packages/ui/src/panels/ToastContainer.tsx
@@ -1,6 +1,6 @@
 import { useToastController } from '@tamagui/toast'
 
-import { Paragraph, XStack } from '../base'
+import { Paragraph, Stack, XStack } from '../base'
 import { X } from '../content'
 
 interface ToastContainerProps {
@@ -26,7 +26,9 @@ export const ToastContainer = ({ title, safeAreaMargin = false }: ToastContainer
       ai="center"
     >
       <Paragraph w="90%">{title}</Paragraph>
-      <X size="$1" onPress={() => toast.hide()} color="$grey-600" />
+      <Stack jc="center" h="100%" onPress={() => toast.hide()}>
+        <X size="$1" color="$grey-600" />
+      </Stack>
     </XStack>
   )
 }