Ahora el footer es relativo

Arquisoft · Apr 11, 2024 · e9f42fe · e9f42fe
1 parent 92959c9
commit e9f42fe
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 5 deletions.
diff --git a/webapp/src/App.css b/webapp/src/App.css
@@ -7,3 +7,4 @@
   text-align: center;
   justify-content: space-between;
 }
+
diff --git a/webapp/src/components/Footer/Footer.js b/webapp/src/components/Footer/Footer.js
@@ -9,10 +9,23 @@ const Footer = () => {
     const bgColor = { light: 'gray.200', dark: 'gray.700' };
     const textColor = { light: 'black', dark: 'white' };
 
-    return(
-        <Box as="footer" textAlign="center" p={4} bg={bgColor[colorMode]} color={textColor[colorMode]} position="sticky" bottom="0" width="100%">
-            <Heading as="h2" fontSize="xl">WIQ!</Heading>
-            <Text fontSize="sm" mt={2}>{t('components.footer.copyright')}</Text>
+    return (
+        <Box
+            as="footer"
+            textAlign="center"
+            position="relative"
+            bottom="0"
+            width="100%"
+            p={4}
+            bg={bgColor[colorMode]}
+            color={textColor[colorMode]}
+        >
+            <Heading as="h2" fontSize="xl">
+                WIQ!
+            </Heading>
+            <Text fontSize="sm" mt={2}>
+                {t('components.footer.copyright')}
+            </Text>
         </Box>
     );
 }

diff --git a/webapp/src/pages/History/History.js b/webapp/src/pages/History/History.js
@@ -85,7 +85,7 @@ const History = () => {
                     key={index}
                     p={6}
                     borderWidth="1px"
-                    width={{ base: "90%", lg: "60%" }}
+                    width={{ base: "90%", lg: "50%" }}
                     borderRadius="lg"
                     boxShadow="lg"
                   >
Original file line number	Diff line number	Diff line change
Expand Up		@@ -7,3 +7,4 @@
		text-align: center;
		justify-content: space-between;
		}