diff --git a/public/openai-favicon.svg b/public/openai-favicon.svg new file mode 100644 index 00000000..30ed41ef --- /dev/null +++ b/public/openai-favicon.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/slack-favicon.svg b/public/slack-favicon.svg new file mode 100644 index 00000000..127a4e47 --- /dev/null +++ b/public/slack-favicon.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/components/HomeAppsSection.tsx b/src/components/HomeAppsSection.tsx index 50a12c48..3802785e 100644 --- a/src/components/HomeAppsSection.tsx +++ b/src/components/HomeAppsSection.tsx @@ -185,9 +185,6 @@ const appCategories = [ }, ] as const; -const slackWorkflowPlugin = - HOME_PLUGIN_SHORTCUTS.find((shortcut) => shortcut.id === "slack") ?? HOME_PLUGIN_SHORTCUTS[0]; - const workflowHeaderTiles: ReadonlyArray<{ label: string; src: string; @@ -196,12 +193,12 @@ const workflowHeaderTiles: ReadonlyArray<{ }> = [ { label: "OpenAI", - src: homeAppIconUrl("openai.com"), + src: "/openai-favicon.svg", className: "is-openai", }, { label: "Slack", - src: homePluginShortcutIconUrl(slackWorkflowPlugin), + src: "/slack-favicon.svg", className: "is-slack", }, { diff --git a/src/styles.css b/src/styles.css index a180dc01..3781dd57 100644 --- a/src/styles.css +++ b/src/styles.css @@ -25268,6 +25268,12 @@ a.publisher-profile-detail:hover { object-fit: contain; } +.home-v2-apps-workflow-tile.is-openai img, +.home-v2-apps-workflow-tile.is-slack img { + width: 36.75px; + height: 36.75px; +} + .home-v2-apps-workflow-tile span { position: absolute; top: -8px; @@ -26240,6 +26246,12 @@ a.home-v2-apps-see-all:focus-visible svg { height: 22px; } + .home-v2-apps-workflow-tile.is-openai img, + .home-v2-apps-workflow-tile.is-slack img { + width: 19.25px; + height: 19.25px; + } + .home-v2-apps-workflow-tile span { top: -5px; right: -7px;