diff --git a/src/common/attachment-drafts/attachment-sources/AttachmentSources.tsx b/src/common/attachment-drafts/attachment-sources/AttachmentSources.tsx index bf6b8c48c..afd73c1d2 100644 --- a/src/common/attachment-drafts/attachment-sources/AttachmentSources.tsx +++ b/src/common/attachment-drafts/attachment-sources/AttachmentSources.tsx @@ -2,6 +2,7 @@ import * as React from 'react'; import { keyframes } from '@emotion/react'; import type { FileWithHandle } from 'browser-fs-access'; +import type { SxProps } from '@mui/joy/styles/types'; import { Box, Button, Checkbox, ColorPaletteProp, Dropdown, IconButton, ListDivider, ListItem, ListItemDecorator, Menu, MenuButton, MenuItem } from '@mui/joy'; import AddRoundedIcon from '@mui/icons-material/AddRounded'; import AddToDriveRoundedIcon from '@mui/icons-material/AddToDriveRounded'; @@ -42,23 +43,30 @@ const _style = { py: 0.5, // was 1 minHeight: 60, // minHeight: '3.25rem', // now 52, was 60 - } as const, + }, menuItemContent: { display: 'flex', flexDirection: 'column', gap: 0.125, - } as const, + }, menuItemName: { typography: 'title-sm', fontWeight: 600, // fontSize: '15px', - } as const, + }, menuItemDescription: { fontSize: 'xs', color: 'text.tertiary', - fontWeight: 400, - } as const, -}; + // fontWeight: 400, + }, + liveFeedButton: { + ml: 1, + // outline: '1px solid transparent', + // '&:hover': { + // outlineColor: 'currentColor', + // }, + }, +} as const satisfies Record; // Live feed record button - returns null if onClick is undefined @@ -67,14 +75,16 @@ function LiveFeedButton(props: { isActive: boolean, tooltip: string, onClick: () { e.stopPropagation(); props.onClick(); }} + sx={_style.liveFeedButton} > + {/*{props.isActive ? : }*/} ); @@ -292,7 +302,7 @@ function AttachmentSources(props: { Attach )} - + {/* Files */} {/**/} @@ -341,7 +351,7 @@ function AttachmentSources(props: { icon={} disabled={capturingScreen} onClick={handleTakeScreenCapture} - endAction={!isMessage && props.onStartLiveScreenFeed && } + endAction={!isMessage && props.onStartLiveScreenFeed && } /> )} @@ -357,7 +367,7 @@ function AttachmentSources(props: { icon={} description='Capture photos with optional OCR' onClick={props.onOpenCamera} - endAction={!isMessage && props.onStartLiveCameraFeed && } + endAction={!isMessage && props.onStartLiveCameraFeed && } /> )} @@ -439,7 +449,7 @@ function AttachmentSources(props: { } - description='Import from websites, including screenshots' + description='Import web pages, including screenshots' onClick={props.onOpenWebInput} disabled={!props.canBrowse} delay={0.02} @@ -506,7 +516,7 @@ function AttachmentSources(props: { disabled={capturingScreen} color={screenCaptureError ? 'danger' : undefined} delay={0.08} - endAction={props.onStartLiveScreenFeed && } + endAction={props.onStartLiveScreenFeed && } /> )} @@ -518,7 +528,7 @@ function AttachmentSources(props: { description='Capture photos with optional OCR' onClick={props.onOpenCamera} delay={0.1} - endAction={props.onStartLiveCameraFeed && } + endAction={props.onStartLiveCameraFeed && } /> )} diff --git a/src/common/components/camera/CameraCaptureModal.tsx b/src/common/components/camera/CameraCaptureModal.tsx index 7cfbc9610..18edbf408 100644 --- a/src/common/components/camera/CameraCaptureModal.tsx +++ b/src/common/components/camera/CameraCaptureModal.tsx @@ -125,8 +125,7 @@ const _styles = { }, recButtonLarge: { - pl: 3.25, - pr: 4.5, + px: 4, py: 1.5, minWidth: { md: 200 }, }, @@ -317,8 +316,8 @@ export function CameraCaptureModal(props: { // Live-feed-only mode: single prominent red Record button if (liveFeedOnly) { btns.push( - , ); return btns;