mirror of
https://github.com/simstudioai/sim.git
synced 2026-04-06 03:00:16 -04:00
fix(settings): add spacing to Sim Keys toggle and replace Sim Mailer icon with Send
Add 24px top margin to the "Allow personal Sim keys" toggle so it doesn't sit right below the empty state. Replace the Mail envelope icon for Sim Mailer with a new Send (paper plane) icon matching the emcn icon style. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -321,7 +321,7 @@ export function ApiKeys() {
|
||||
{/* Allow Personal API Keys Toggle - Fixed at bottom */}
|
||||
{!isLoading && canManageWorkspaceKeys && (
|
||||
<Tooltip.Provider delayDuration={150}>
|
||||
<div className='mt-auto flex items-center justify-between'>
|
||||
<div className='mt-[24px] flex items-center justify-between'>
|
||||
<div className='flex items-center gap-[8px]'>
|
||||
<span className='font-medium text-[14px] text-[var(--text-secondary)]'>
|
||||
Allow personal Sim keys
|
||||
|
||||
@@ -8,6 +8,7 @@ import {
|
||||
KeySquare,
|
||||
LogIn,
|
||||
Mail,
|
||||
Send,
|
||||
Server,
|
||||
Settings,
|
||||
ShieldCheck,
|
||||
@@ -130,7 +131,7 @@ export const allNavigationItems: NavigationItem[] = [
|
||||
{
|
||||
id: 'inbox',
|
||||
label: 'Sim Mailer',
|
||||
icon: Mail,
|
||||
icon: Send,
|
||||
section: 'system',
|
||||
requiresHosted: true,
|
||||
selfHostedOverride: isInboxEnabled,
|
||||
|
||||
@@ -60,6 +60,7 @@ export { Redo } from './redo'
|
||||
export { Rocket } from './rocket'
|
||||
export { Rows3 } from './rows3'
|
||||
export { Search } from './search'
|
||||
export { Send } from './send'
|
||||
export { Server } from './server'
|
||||
export { Settings } from './settings'
|
||||
export { ShieldCheck } from './shield-check'
|
||||
|
||||
25
apps/sim/components/emcn/icons/send.tsx
Normal file
25
apps/sim/components/emcn/icons/send.tsx
Normal file
@@ -0,0 +1,25 @@
|
||||
import type { SVGProps } from 'react'
|
||||
|
||||
/**
|
||||
* Send icon component - paper plane / arrow
|
||||
* @param props - SVG properties including className, fill, etc.
|
||||
*/
|
||||
export function Send(props: SVGProps<SVGSVGElement>) {
|
||||
return (
|
||||
<svg
|
||||
width='24'
|
||||
height='24'
|
||||
viewBox='-1 -2 24 24'
|
||||
fill='none'
|
||||
stroke='currentColor'
|
||||
strokeWidth='1.75'
|
||||
strokeLinecap='round'
|
||||
strokeLinejoin='round'
|
||||
xmlns='http://www.w3.org/2000/svg'
|
||||
{...props}
|
||||
>
|
||||
<path d='M19.5 1.5L9 12' />
|
||||
<path d='M19.5 1.5L13.5 19.5L9 12L1.5 8.5L19.5 1.5Z' />
|
||||
</svg>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user