feat [ui]: Pop out when hovering over text (#363)

Co-authored-by: Mic Neale <michael.neale@gmail.com>
block · Nov 28, 2024 · 3a15724 · 3a15724
1 parent bef4911
commit 3a15724
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/ui/desktop/src/bin/goosed b/ui/desktop/src/bin/goosed
diff --git a/ui/desktop/src/components/Splash.tsx b/ui/desktop/src/components/Splash.tsx
@@ -13,7 +13,7 @@ export default function Splash({ append }) {
       </div>
       <Spacer className="mt-[10px]"></Spacer>
       <div
-        className="w-[312px] px-16 py-4 text-14 text-center text-splash-pills-text whitespace-nowrap cursor-pointer bg-prev-goose-gradient text-prev-goose-text rounded-[14px] inline-block"
+        className="w-[312px] px-16 py-4 text-14 text-center text-splash-pills-text whitespace-nowrap cursor-pointer bg-prev-goose-gradient text-prev-goose-text rounded-[14px] inline-block hover:scale-[1.02] transition-all duration-150"
         onClick={async () => {
           const message = {
             content: "What can Goose do?",

diff --git a/ui/desktop/src/components/SplashPills.tsx b/ui/desktop/src/components/SplashPills.tsx
@@ -3,7 +3,7 @@ import React from "react"
 function SplashPill({ content, append }) {
   return (
     <div
-      className="px-16 py-8 text-14 text-center text-splash-pills-text whitespace-nowrap cursor-pointer bg-splash-pills rounded-full inline-block"
+      className="px-16 py-8 text-14 text-center text-splash-pills-text whitespace-nowrap cursor-pointer bg-splash-pills hover:bg-splash-pills/90 hover:scale-[1.02] rounded-lg inline-block transition-all duration-150"
       onClick={async () => {
         const message = {
           content,
@@ -22,7 +22,7 @@ export default function SplashPills({ append }) {
     <div className="grid grid-cols-2 gap-4 mb-[8px]">
       <SplashPill content="Migrate code to react" append={append} />
       <SplashPill content="Scaffold a data retention API" append={append} />
-      <SplashPill content="List files in my CWD" append={append} />
+      <SplashPill content="List files in my current directory" append={append} />
       <SplashPill content="Find all markdown files" append={append} />
     </div>
   )