improved ui(frontend)

Agenta-AI · Sep 27, 2024 · 84c2c71 · 84c2c71
1 parent 0d80a27
commit 84c2c71
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/agenta-web/src/components/AppSelector/Welcome.tsx b/agenta-web/src/components/AppSelector/Welcome.tsx
@@ -10,6 +10,7 @@ const useStyles = createUseStyles((theme: JSSTheme) => ({
         width: 392,
         height: 268,
         display: "flex",
+        cursor: "pointer",
         flexDirection: "column",
         justifyContent: "space-between",
         transition: "all 0.025s ease-in",
@@ -31,6 +32,9 @@ const useStyles = createUseStyles((theme: JSSTheme) => ({
         "& > .ant-card-actions": {
             padding: "0 12px",
         },
+        "&:hover": {
+            boxShadow: theme.boxShadow,
+        },
     },
     button: {
         width: "100%",
@@ -112,6 +116,7 @@ const Welcome: React.FC<Props> = ({onWriteOwnApp, onCreateFromTemplate}) => {
                 <Card
                     title="Build complex LLM apps"
                     className={classes.card}
+                    onClick={onWriteOwnApp}
                     actions={[
                         <Button
                             type="primary"
@@ -120,7 +125,6 @@ const Welcome: React.FC<Props> = ({onWriteOwnApp, onCreateFromTemplate}) => {
                             iconPosition="end"
                             icon={<ArrowRight size={18} />}
                             size="large"
-                            onClick={onWriteOwnApp}
                         >
                             Setup your own app
                         </Button>,