nostr/coracle
1
0
Fork 0
mirror of https://github.com/coracle-social/coracle.git synced 2024-10-01 17:31:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use proper wordmarks

Browse Source
This commit is contained in:
Jon Staab 2024-03-07 13:40:54 -08:00
parent c6a57993a8
commit fc55628f08
4 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.env
View File

@ -16,6 +16,8 @@ VITE_ENABLE_ZAPS=true
VITE_APP_NAME=Coracle VITE_APP_NAME=Coracle
VITE_APP_URL=https://app.coracle.social VITE_APP_URL=https://app.coracle.social
VITE_APP_LOGO=/images/logo.png VITE_APP_LOGO=/images/logo.png
VITE_APP_WORDMARK_DARK=/images/wordmark-dark.png
VITE_APP_WORDMARK_LIGHT=/images/wordmark-light.png
VITE_APP_DESCRIPTION="A nostr client for regular people" VITE_APP_DESCRIPTION="A nostr client for regular people"
VITE_CLIENT_NAME=Coracle VITE_CLIENT_NAME=Coracle
VITE_CLIENT_ID=31990:97c70a44366a6535c145b333f973ea86dfdc2d7a99da618c40c64705ad98e322:1685968093690 VITE_CLIENT_ID=31990:97c70a44366a6535c145b333f973ea86dfdc2d7a99da618c40c64705ad98e322:1685968093690

BIN
public/images/wordmark-dark.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 68 KiB

BIN
public/images/wordmark-light.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 71 KiB

15
src/app/MenuDesktop.svelte
View File

@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
import {toggleTheme, appName} from "src/partials/state" import {toggleTheme, theme, appName} from "src/partials/state"
import MenuItem from "src/partials/MenuItem.svelte" import MenuItem from "src/partials/MenuItem.svelte"
import FlexColumn from "src/partials/FlexColumn.svelte" import FlexColumn from "src/partials/FlexColumn.svelte"
import Anchor from "src/partials/Anchor.svelte" import Anchor from "src/partials/Anchor.svelte"
@ -51,13 +51,16 @@
<div class="fixed bottom-0 left-0 top-0 z-nav w-72 bg-tinted-700 transition-colors"> <div class="fixed bottom-0 left-0 top-0 z-nav w-72 bg-tinted-700 transition-colors">
<Anchor <Anchor
class="mb-4 mt-4 flex items-center gap-2 pl-6"
external external
class="mb-4 mt-4 flex items-center gap-2 px-6"
href="https://info.coracle.social"> href="https://info.coracle.social">
<img alt="App Logo" src={import.meta.env.VITE_APP_LOGO} class="w-12" /> <img
<h1 class="staatliches -mb-[0.1em] leading-none" style={`font-size: ${appName.length / 3}em`}> alt="App Logo"
{appName} src={
</h1> $theme === "dark"
? import.meta.env.VITE_APP_WORDMARK_DARK
: import.meta.env.VITE_APP_WORDMARK_LIGHT
} />
</Anchor> </Anchor>
<MenuDesktopItem path="/notes">Feed</MenuDesktopItem> <MenuDesktopItem path="/notes">Feed</MenuDesktopItem>
{#if !$env.FORCE_GROUP && $env.PLATFORM_RELAYS.length === 0} {#if !$env.FORCE_GROUP && $env.PLATFORM_RELAYS.length === 0}