matt/flotilla
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Adjust primary nav icon sizes and fix alignment

Browse source
This commit is contained in:
userAdityaa 2026-08-07 01:36:30 +05:30 committed by Jon Staab
parent 44f1a186f5
commit f474ca29e1
7 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/app/components/Chat.svelte
View file

@ -262,12 +262,12 @@
<div class="truncate min-w-0 flex items-center gap-4 whitespace-nowrap">
<Button class="flex flex-col gap-1 sm:flex-row sm:gap-2" onclick={showMembers}>
{#if others.length === 0}
<div class="flex gap-2">
<div class="flex items-center gap-2">
<ProfileCircle pubkey={$user.pubkey} size={5} />
<ProfileName pubkey={$user.pubkey} />
</div>
{:else if others.length === 1}
<div class="flex gap-2">
<div class="flex items-center gap-2">
<ProfileCircle pubkey={others[0]} size={5} />
<ProfileName pubkey={others[0]} />
</div>

2
src/app/components/PrimaryNav.svelte
View file

@ -45,7 +45,7 @@
<div class="flex flex-col items-center">
<PrimaryNavItem title="Settings" href="/settings/profile" prefix="/settings">
{#if $userProfile?.picture()}
<ImageIcon alt="Settings" src={$userProfile.picture()!} class="rounded-full" size={10} />
<ImageIcon alt="Settings" src={$userProfile.picture()!} class="rounded-full" size={8} />
{:else}
<ImageIcon alt="Settings" src={UserRounded} class="rounded-full" size={8} />
{/if}

2
src/app/components/PrimaryNavItemSpace.svelte
View file

@ -24,5 +24,5 @@
onclick={onClick}
title={showTooltip ? $display : ""}
notification={$notifications.has(path)}>
<RelayIcon {url} size={10} />
<RelayIcon {url} size={8} class="rounded-full" />
</PrimaryNavItem>

4
src/app/components/PrimaryNavSpaces.svelte
View file

@ -34,7 +34,7 @@
<PrimaryNavItemSpace {url} />
{:else}
<PrimaryNavItem title="Home" href="/home">
<ImageIcon alt="Home" src={PLATFORM_LOGO} class="rounded-full" size={10} />
<ImageIcon alt="Home" src={PLATFORM_LOGO} class="rounded-full" size={9} />
</PrimaryNavItem>
<Divider />
{#each primarySpaceUrls as url (url)}
@ -46,7 +46,7 @@
{title}
prefix="no-highlight"
notification={otherSpaceNotifications}>
<ImageIcon alt="All Spaces" src={Widget} size={8} />
<ImageIcon alt="All Spaces" src={Widget} size={7} />
</PrimaryNavItem>
{/snippet}
{#if secondarySpaceUrls.length > 0}

4
src/lib/components/PrimaryNavItem.svelte
View file

@ -28,7 +28,7 @@
<Button {onclick} data-tip={title} class={className}>
{@render children?.()}
{#if !active && notification}
<div class="absolute right-1 top-1 h-2 w-2 rounded-full bg-primary text-primary-content">
<div class="absolute right-1 top-1 h-1.5 w-1.5 rounded-full bg-primary text-primary-content">
</div>
{/if}
</Button>
@ -36,7 +36,7 @@
<Link {href} data-tip={title} class={className}>
{@render children?.()}
{#if !active && notification}
<div class="absolute right-1 top-1 h-2 w-2 rounded-full bg-primary text-primary-content">
<div class="absolute right-1 top-1 h-1.5 w-1.5 rounded-full bg-primary text-primary-content">
</div>
{/if}
</Link>

4
src/lib/components/primary-nav.css
View file

@ -4,7 +4,7 @@
}
.primary-nav__nav-item {
@apply text-content relative my-1 flex h-12 w-12 cursor-pointer items-center justify-center rounded-full transition-all;
@apply text-content relative my-1 flex h-10 w-10 cursor-pointer items-center justify-center rounded-full transition-all;
}
.primary-nav__nav-item:hover,
@ -25,7 +25,7 @@
}
.primary-nav__nav-item--active::after {
@apply h-10;
@apply h-8;
}
}

4
src/routes/chat/+page.svelte
View file

@ -24,8 +24,8 @@
<PageContent class="flex flex-col gap-2 p-2 sm:gap-4 sm:p-4">
<div class="hidden min-h-screen md:flex flex-col gap-2 m-auto items-center py-20">
<p class="flex gap-2 text-lg">
<Icon icon={InfoCircle} />
<p class="flex items-center gap-2 text-lg">
<Icon icon={InfoCircle} class="translate-y-px" />
No conversation selected.
</p>
<p>