Revize f22a2126

FIX: colors fix
re #10896

src/components/notes/NotesListView.tsx

@@ -1 @@
-import { VStack, Box, Text, HStack, ScrollView, Flex, Button, CloseIcon, IconButton, TextArea, useToast } from "native-base";
+import {
+    VStack,
+    Box,
+    Text,
+    HStack,
+    ScrollView,
+    Flex,
+    Button,
+    CloseIcon,
+    IconButton,
+    TextArea,
+    useToast,
+    KeyboardAvoidingView
+} from "native-base";
 import { Note } from "../../types/note";
 import NoteView from "./NoteView";
 import { MessageIcon } from "../general/Icons";
@@ -99 +112 @@
     };
 
     return (
+        <KeyboardAvoidingView
+            h={ {lg: "auto"} }
+            behavior={ "padding" }
+            keyboardVerticalOffset={ 600 }
+            mb={ 2 }
+        >
         <VStack >
             <Box height={props.height - (replyingTo ? 40 : 0) ?? undefined} marginBottom={2}>
                 {/* Notes */}
@@ -146 +165 @@
 
                     {/* Replying to */}
                     {replyingTo != null &&
-                        <Flex direction="row" alignItems="center" justify="flex-end" height={10} style={{ backgroundColor: "#FFF8E1" }}>
+                        <Flex direction="row" alignItems="center" justify="flex-end" height={10} backgroundColor={"secondary.50"}>
                             <Text>Replying to {replyingTo.userName}</Text>
-                            <IconButton onPress={() => setReplyingTo(null)} size="sm" icon={<CloseIcon />} marginLeft="-1%" marginRight={20} />
+                            <IconButton onPress={() => setReplyingTo(null)} size="sm" icon={<CloseIcon />} marginLeft={-1} marginRight={20} />
                         </Flex>
                     }
 
@@ -174 +193 @@
             }
             <ConfirmDialog {...confirmDialog} isShown={confirmDialog != null} cancelRef={cancelRef} />
         </VStack >
+        </KeyboardAvoidingView>
     );
 }