cambios de detalles

XDPVD · Aug 8, 2021 · 4e91214 · 4e91214
1 parent ee51148
commit 4e91214
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 17 deletions.
diff --git a/sections/ShowChat/Chat.tsx b/sections/ShowChat/Chat.tsx
@@ -1,6 +1,5 @@
 import {
   Box,
-  // Button,
   Flex,
   Text,
   Tabs,
@@ -23,12 +22,12 @@ export default function Chat() {
       mt="10"
       mb="10"
       display="flex"
-      w="1100px"
-      h="1000px"
+      w="1102px"
+      h="998px"
       border="3px solid #DBD9DC"
     >
       <Tabs align="center" orientation="vertical" variant="unstyled" isLazy>
-        <Box w="300px" border="3px solid #DBD9DC">
+        <Box w="300px" border="1px solid #DBD9DC">
           <TabList>
             <Text ml="5" p="4" align="start" color="#482F51" fontSize="25">
               Chats
@@ -46,8 +45,8 @@ export default function Chat() {
             ))}
           </TabList>
         </Box>
-        <Box w="800px" border="3px solid #DBD9DC">
-          <Box h="50px" border="3px solid #DBD9DC">
+        <Box w="799px" border="1px solid #DBD9DC">
+          <Box h="50px" border="1px solid #DBD9DC">
             <TabPanels>
               {[1, 2, 3].map((userNameElemnt, idx) => (
                 // eslint-disable-next-line react/jsx-key
@@ -57,7 +56,7 @@ export default function Chat() {
               ))}
             </TabPanels>
           </Box>
-          <Box h="650px" border="3px solid #DBD9DC">
+          <Box h="650px" border="1px solid #DBD9DC">
             <TabPanels>
               {[1, 2, 3].map((messageElemnt, idx) => (
                 // eslint-disable-next-line react/jsx-key
@@ -67,15 +66,15 @@ export default function Chat() {
               ))}
             </TabPanels>
           </Box>
-          <Box h="200px" border="3px solid #DBD9DC">
+          <Box h="200px" border="1px solid #DBD9DC">
             <Messages />
           </Box>
           <Flex
             bg="#F2F2F2"
             justify="start"
             direction="column"
-            h="90px"
-            border="3px solid #DBD9DC"
+            h="91px"
+            border="1px solid #DBD9DC"
           >
             <Flex
               padding="4"
@@ -94,10 +93,6 @@ export default function Chat() {
                     width="1xs"
                     showModalButtonText="Cotizar"
                   />
-                  {/* <Button variant="primary" p={4} color="white">
-                    <ModalNewQuote />
-                    Cotizar
-                  </Button> */}
                 </Flex>
                 <ZIcon name="buttonRight" pointer size={40} />
               </Flex>

diff --git a/sections/ShowChat/Messages.tsx b/sections/ShowChat/Messages.tsx
@@ -3,7 +3,7 @@ import { FormControl, Textarea } from "@chakra-ui/react"
 export default function Messages() {
   return (
     <FormControl id="email">
-      <Textarea h="195px" w="795px" placeholder="Escribe un mensaje" />
+      <Textarea h="200px" w="795px" placeholder="Escribe un mensaje" />
     </FormControl>
   )
 }
diff --git a/sections/ShowChat/UsersName.tsx b/sections/ShowChat/UsersName.tsx
@@ -3,8 +3,8 @@ import { Box, Text, Flex } from "@chakra-ui/react"
 export default function UsersName() {
   return (
     <Box>
-      <Flex color="gray" align="center" py="1" minW="80">
-        <Text align="start" color="#482F51" fontSize="20">
+      <Flex align="center">
+        <Text align="start" color="#482F51" fontSize="15">
           Lucy León
         </Text>
       </Flex>