From 61fbf1fe8f4d43f1bd6b1f31d6a8d68e6acc0355 Mon Sep 17 00:00:00 2001
From: echarles <eric@datalayer.io>
Date: Sun, 14 Jan 2024 08:46:52 +0100
Subject: [PATCH] deps: depend on datalayer packages

---
 src/tabs/AboutTab.tsx | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/tabs/AboutTab.tsx b/src/tabs/AboutTab.tsx
index 690caa2..583830e 100644
--- a/src/tabs/AboutTab.tsx
+++ b/src/tabs/AboutTab.tsx
@@ -15,15 +15,22 @@ const AboutTab = (props: Props): JSX.Element => {
       <Box>
         <Text>Datalayer provides features to other Datalayer packages. It also contains base application classes and configuration inherited by other projects.</Text>
       </Box>
-      <Box mt={3} style={{width: 350}}>
-        {!egg ?
-          <img src="https://assets.datalayer.tech/releases/datalayer-0.3.0-black-snake_1024.png" onClick={e => setEgg(true)}/>
-            :
-          <ECharlesIcon size={300} onClick={e => setEgg(false)}/>
-        }
+      <Box mt={3}>
+        {!egg ? (
+          <img
+            src="https://assets.datalayer.tech/releases/datalayer-0.3.0-black-snake_1024.png"
+            onClick={e => setEgg(true)}
+            style={{ width: '100%' }}
+          />
+        ) : (
+          <ECharlesIcon size={300} onClick={e => setEgg(false)} />
+        )}
       </Box>
       <Box>
-        <Link href="https://datalayer.tech/docs/releases/0.3.0-black-snake" target="_blank">
+        <Link
+          href="https://datalayer.tech/docs/releases/0.3.0-black-snake"
+          target="_blank"
+        >
           <Text as="h4">Datalayer 0.3.0 Black Snake Release</Text>
         </Link>
       </Box>