mirror of
https://github.com/supermemoryai/supermemory.git
synced 2026-10-08 03:08:21 +00:00
add new logo
This commit is contained in:
parent
07c91db0e4
commit
a4199934ba
8 changed files with 25 additions and 31 deletions
|
|
@ -281,7 +281,7 @@ function addSupermemoryButtonToMemoriesDialog() {
|
|||
supermemoryButton.id = "supermemory-save-button"
|
||||
supermemoryButton.className = "btn relative btn-primary-outline mr-2"
|
||||
|
||||
const iconUrl = browser.runtime.getURL("/icon-16.png")
|
||||
const iconUrl = browser.runtime.getURL("/new_logo.png")
|
||||
|
||||
supermemoryButton.innerHTML = `
|
||||
<div class="flex items-center justify-center gap-2">
|
||||
|
|
|
|||
|
|
@ -253,7 +253,7 @@ async function showOnboardingToast() {
|
|||
header.style.cssText =
|
||||
"display: flex; align-items: flex-start; gap: 12px; position: relative;"
|
||||
|
||||
const iconUrl = browser.runtime.getURL("/icon-16.png")
|
||||
const iconUrl = browser.runtime.getURL("/new_logo.png")
|
||||
const icon = document.createElement("img")
|
||||
icon.src = iconUrl
|
||||
icon.alt = "Supermemory"
|
||||
|
|
@ -512,7 +512,7 @@ function showOrUpdateImportProgressToast(message: string, isComplete = false) {
|
|||
animation: smSlideInUp 0.3s ease-out;
|
||||
`
|
||||
|
||||
const iconUrl = browser.runtime.getURL("/icon-16.png")
|
||||
const iconUrl = browser.runtime.getURL("/new_logo.png")
|
||||
const icon = document.createElement("img")
|
||||
icon.src = iconUrl
|
||||
icon.alt = "Supermemory"
|
||||
|
|
|
|||
|
|
@ -637,7 +637,7 @@ function App() {
|
|||
>
|
||||
<img
|
||||
alt="supermemory"
|
||||
src="./icon-48.png"
|
||||
src="./new_logo.png"
|
||||
className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[29px] h-[29px]"
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -645,11 +645,9 @@ function App() {
|
|||
<span className="text-[11px] font-medium text-[#737373] leading-normal">
|
||||
Your
|
||||
</span>
|
||||
<img
|
||||
alt="supermemory"
|
||||
src="./logo-fullmark.svg"
|
||||
className="h-[14.5px] w-auto"
|
||||
/>
|
||||
<span className="text-[15px] font-semibold leading-none text-white">
|
||||
supermemory
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -703,7 +701,7 @@ function App() {
|
|||
>
|
||||
<img
|
||||
alt="supermemory"
|
||||
src="./icon-48.png"
|
||||
src="./new_logo.png"
|
||||
className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[29px] h-[29px]"
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -717,11 +715,9 @@ function App() {
|
|||
return name.endsWith("s") ? `${name}'` : `${name}'s`
|
||||
})()}
|
||||
</span>
|
||||
<img
|
||||
alt="supermemory"
|
||||
src="./logo-fullmark.svg"
|
||||
className="h-[14.5px] w-auto"
|
||||
/>
|
||||
<span className="text-[15px] font-semibold leading-none text-white">
|
||||
supermemory
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
{userSignedIn && (
|
||||
|
|
|
|||
|
|
@ -16,12 +16,10 @@ function Welcome() {
|
|||
<main className="relative mx-auto flex min-h-screen w-full max-w-6xl flex-col px-6 py-6 sm:px-10">
|
||||
<header className="flex items-center justify-between border-b border-white/10 pb-5">
|
||||
<div className="flex items-center gap-2">
|
||||
<img alt="" className="size-8 rounded-[4px]" src="./icon-48.png" />
|
||||
<img
|
||||
alt="supermemory"
|
||||
className="h-6 w-auto"
|
||||
src="./logo-fullmark.svg"
|
||||
/>
|
||||
<img alt="" className="size-8 rounded-[4px]" src="./new_logo.png" />
|
||||
<span className="text-lg font-semibold leading-none text-white">
|
||||
supermemory
|
||||
</span>
|
||||
</div>
|
||||
<span className="rounded-full border border-[#369BFD]/25 bg-[#369BFD]/10 px-3 py-1 text-xs font-medium text-[#9FCBFF]">
|
||||
Chrome extension
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/icon-16.png" />
|
||||
<link rel="icon" type="image/png" href="/new_logo.png" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Welcome to supermemory</title>
|
||||
</head>
|
||||
|
|
@ -10,4 +10,4 @@
|
|||
<div id="root"></div>
|
||||
<script type="module" src="./main.tsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
BIN
apps/browser-extension/public/new_logo.png
Normal file
BIN
apps/browser-extension/public/new_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
|
|
@ -117,7 +117,7 @@ export function createToast(state: ToastState): HTMLElement {
|
|||
break
|
||||
|
||||
case "success": {
|
||||
const iconUrl = browser.runtime.getURL("/icon-16.png")
|
||||
const iconUrl = browser.runtime.getURL("/new_logo.png")
|
||||
icon.innerHTML = `<img src="${iconUrl}" width="20" height="20" alt="Success" style="border-radius: 2px;" />`
|
||||
textElement.textContent = "Added to Memory"
|
||||
break
|
||||
|
|
@ -184,7 +184,7 @@ export function createTwitterImportButton(onClick: () => void): HTMLElement {
|
|||
font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
`
|
||||
|
||||
const iconUrl = browser.runtime.getURL("/icon-16.png")
|
||||
const iconUrl = browser.runtime.getURL("/new_logo.png")
|
||||
|
||||
button.style.backgroundImage = `url("${iconUrl}")`
|
||||
button.style.backgroundRepeat = "no-repeat"
|
||||
|
|
@ -232,7 +232,7 @@ export function createSaveTweetElement(onClick: () => void): HTMLElement {
|
|||
z-index: 1000;
|
||||
`
|
||||
|
||||
const iconFileName = "/icon-16.png"
|
||||
const iconFileName = "/new_logo.png"
|
||||
const iconUrl = browser.runtime.getURL(iconFileName)
|
||||
iconButton.innerHTML = `
|
||||
<img src="${iconUrl}" width="20" height="20" alt="Save to Memory" style="border-radius: 4px;" />
|
||||
|
|
@ -286,7 +286,7 @@ export function createConnectedIndicator(onClick: () => void): HTMLElement {
|
|||
flex-shrink: 0;
|
||||
`
|
||||
|
||||
const iconFileName = "/icon-16.png"
|
||||
const iconFileName = "/new_logo.png"
|
||||
const iconUrl = browser.runtime.getURL(iconFileName)
|
||||
iconButton.innerHTML = `
|
||||
<img src="${iconUrl}" width="20" height="20" alt="" style="border-radius: 5px; display: block;" />
|
||||
|
|
@ -370,7 +370,7 @@ export function createT3InputBarElement(onClick: () => void): HTMLElement {
|
|||
background: transparent;
|
||||
`
|
||||
|
||||
const iconFileName = "/icon-16.png"
|
||||
const iconFileName = "/new_logo.png"
|
||||
const iconUrl = browser.runtime.getURL(iconFileName)
|
||||
iconButton.innerHTML = `
|
||||
<img src="${iconUrl}" width="20" height="20" alt="Get Related Memories from supermemory" style="border-radius: 4px;" />
|
||||
|
|
@ -443,7 +443,7 @@ export function createProjectSelectionModal(
|
|||
margin-bottom: 20px;
|
||||
`
|
||||
|
||||
const iconUrl = browser.runtime.getURL("/icon-16.png")
|
||||
const iconUrl = browser.runtime.getURL("/new_logo.png")
|
||||
header.innerHTML = `
|
||||
<div style="display: flex; flex-direction: column; gap: 8px;">
|
||||
<h3 style="margin: 0; font-size: 16px; font-weight: 600; color: #ffffff; display: flex; align-items: center; gap: 8px;">
|
||||
|
|
@ -712,7 +712,7 @@ export const DOMUtils = {
|
|||
|
||||
if (icon && text) {
|
||||
if (state === "success") {
|
||||
const iconUrl = browser.runtime.getURL("/icon-16.png")
|
||||
const iconUrl = browser.runtime.getURL("/new_logo.png")
|
||||
icon.innerHTML = `<img src="${iconUrl}" width="20" height="20" alt="Success" style="border-radius: 2px;" />`
|
||||
icon.style.animation = ""
|
||||
text.textContent = "Added to Memory"
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@ export default defineConfig({
|
|||
],
|
||||
web_accessible_resources: [
|
||||
{
|
||||
resources: ["icon-16.png", "fonts/*.ttf"],
|
||||
resources: ["new_logo.png", "fonts/*.ttf"],
|
||||
matches: ["<all_urls>"],
|
||||
},
|
||||
],
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue