geoffsee/open-gsio
1
0
Fork 0
mirror of https://github.com/geoffsee/open-gsio.git synced 2025-09-08 22:56:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

sweet lander

Browse Source
This commit is contained in:
geoffsee
2025-07-08 14:09:55 -04:00
committed by Geoff Seemueller
parent 818e0e672a
commit c26d2467f4
23 changed files with 387 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/client/src/components/chat/input/ChatInput.tsx
View File

@@ -22,7 +22,7 @@ const ChatInput = observer(() => {
const [shouldFollow, setShouldFollow] = useState<boolean>(userOptionsStore.followModeEnabled);
const [couldFollow, setCouldFollow] = useState<boolean>(chatStore.isLoading);
const [inputWidth, setInputWidth] = useState<string>('50%');
const [inputWidth, setInputWidth] = useState<string>('40%');
useEffect(() => {
setShouldFollow(chatStore.isLoading && userOptionsStore.followModeEnabled);
@@ -64,10 +64,10 @@ const ChatInput = observer(() => {
};
const inputMaxWidth = useBreakpointValue(
{ base: '50rem', lg: '50rem', md: '80%', sm: '100vw' },
{ base: '30rem', lg: '50rem', md: '80%', sm: '100vw' },
{ ssr: true },
);
const inputMinWidth = useBreakpointValue({ lg: '40rem' }, { ssr: true });
const inputMinWidth = useBreakpointValue({ lg: '40rem', md: '30rem' }, { ssr: true });
useEffect(() => {
setInputWidth('100%');
@@ -75,9 +75,7 @@ const ChatInput = observer(() => {
return (
<Box
width={inputWidth}
maxW={inputMaxWidth}
minWidth={inputMinWidth}
width={inputMinWidth}
mx="auto"
p={2}
pl={2}