diff --git a/kinode/packages/app_store/app_store/src/http_api.rs b/kinode/packages/app_store/app_store/src/http_api.rs index d4148915..37259b2b 100644 --- a/kinode/packages/app_store/app_store/src/http_api.rs +++ b/kinode/packages/app_store/app_store/src/http_api.rs @@ -83,37 +83,32 @@ fn make_widget() -> String { #latest-apps { display: flex; flex-wrap: wrap; - padding: 0.5rem; - gap: 0.5rem; + padding-left: 1rem; align-items: center; border-radius: 1rem; - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); height: 100vh; width: 100vw; overflow-y: auto; } .app { - padding: 0.5rem; + padding: 1rem 1rem 1rem 0rem; display: flex; flex-grow: 1; - align-items: stretch; - border-radius: 0.5rem; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + align-items: center; + border-bottom: 1px solid rgba(0,0,0,0.1) cursor: pointer; font-family: sans-serif; width: 100%; + min-height: 100px; } .app-image { - border-radius: 0.75rem; - margin-right: 0.5rem; - flex-grow: 1; + margin-right: 1rem; background-size: contain; background-repeat: no-repeat; - background-position: center; - height: 92px; - width: 92px; + height: 48px; + width: 48px; max-width: 33%; } diff --git a/kinode/packages/homepage/ui/src/components/AppDisplay.tsx b/kinode/packages/homepage/ui/src/components/AppDisplay.tsx index a2212a8a..011a392d 100644 --- a/kinode/packages/homepage/ui/src/components/AppDisplay.tsx +++ b/kinode/packages/homepage/ui/src/components/AppDisplay.tsx @@ -1,20 +1,14 @@ -import useHomepageStore, { HomepageApp } from "../store/homepageStore"; -import { useState } from "react"; +import { HomepageApp } from "../store/homepageStore"; interface AppDisplayProps { app?: HomepageApp; } const AppDisplay: React.FC = ({ app }) => { - const { setApps } = useHomepageStore(); - const [isHovered, setIsHovered] = useState(false); - return ( setIsHovered(true)} - onMouseLeave={() => setIsHovered(false)} className="app-display" title={app?.label} style={ @@ -33,25 +27,6 @@ const AppDisplay: React.FC = ({ app }) => { )}
{app?.label || app?.package_name}
- {app?.path && isHovered && ( - - )}
); };