UniqAI/bolt.diy
1
0
Fork 0
mirror of https://github.com/stackblitz-labs/bolt.diy synced 2025-01-24 03:37:29 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Merge pull request #708 from SujalXplores/fix/ui-enhancements

Browse Source 
Fix/UI enhancements
This commit is contained in:
Anirban Kar 2024-12-14 00:27:22 +05:30 committed by GitHub
commit fe3889be81
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 11 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/components/chat/BaseChat.tsx
View File

@ -283,7 +283,7 @@ export const BaseChat = React.forwardRef<HTMLDivElement, BaseChatProps>(
<div ref={scrollRef} className="flex flex-col lg:flex-row overflow-y-auto w-full h-full"> <div ref={scrollRef} className="flex flex-col lg:flex-row overflow-y-auto w-full h-full">
<div className={classNames(styles.Chat, 'flex flex-col flex-grow lg:min-w-[var(--chat-min-width)] h-full')}> <div className={classNames(styles.Chat, 'flex flex-col flex-grow lg:min-w-[var(--chat-min-width)] h-full')}>
{!chatStarted && ( {!chatStarted && (
<div id="intro" className="mt-[26vh] max-w-chat mx-auto text-center px-4 lg:px-0"> <div id="intro" className="mt-[16vh] max-w-chat mx-auto text-center px-4 lg:px-0">
<h1 className="text-3xl lg:text-6xl font-bold text-bolt-elements-textPrimary mb-4 animate-fade-in"> <h1 className="text-3xl lg:text-6xl font-bold text-bolt-elements-textPrimary mb-4 animate-fade-in">
Where ideas begin Where ideas begin
</h1> </h1>
@ -384,7 +384,7 @@ export const BaseChat = React.forwardRef<HTMLDivElement, BaseChatProps>(
<textarea <textarea
ref={textareaRef} ref={textareaRef}
className={classNames( className={classNames(
'w-full pl-4 pt-4 pr-16 focus:outline-none resize-none text-bolt-elements-textPrimary placeholder-bolt-elements-textTertiary bg-transparent text-sm', 'w-full pl-4 pt-4 pr-16 outline-none resize-none text-bolt-elements-textPrimary placeholder-bolt-elements-textTertiary bg-transparent text-sm',
'transition-all duration-200', 'transition-all duration-200',
'hover:border-bolt-elements-focus', 'hover:border-bolt-elements-focus',
)} )}

11
app/components/chat/GitCloneButton.tsx
View File

@ -1,7 +1,6 @@
import ignore from 'ignore'; import ignore from 'ignore';
import { useGit } from '~/lib/hooks/useGit'; import { useGit } from '~/lib/hooks/useGit';
import type { Message } from 'ai'; import type { Message } from 'ai';
import WithTooltip from '~/components/ui/Tooltip';
import { detectProjectCommands, createCommandsMessage } from '~/utils/projectCommands'; import { detectProjectCommands, createCommandsMessage } from '~/utils/projectCommands';
import { generateId } from '~/utils/fileUtils'; import { generateId } from '~/utils/fileUtils';
@ -99,17 +98,13 @@ ${file.content}
}; };
return ( return (
<WithTooltip tooltip="Clone A Git Repo">
<button <button
onClick={(e) => { onClick={onClick}
onClick(e); title="Clone a Git Repo"
}}
title="Clone A Git Repo"
className="px-4 py-2 rounded-lg border border-bolt-elements-borderColor bg-bolt-elements-prompt-background text-bolt-elements-textPrimary hover:bg-bolt-elements-background-depth-3 transition-all flex items-center gap-2" className="px-4 py-2 rounded-lg border border-bolt-elements-borderColor bg-bolt-elements-prompt-background text-bolt-elements-textPrimary hover:bg-bolt-elements-background-depth-3 transition-all flex items-center gap-2"
> >
<span className="i-ph:git-branch" /> <span className="i-ph:git-branch" />
Clone A Git Repo Clone a Git Repo
</button> </button>
</WithTooltip>
); );
} }

1
app/components/chat/chatExportAndImport/ImportButtons.tsx
View File

@ -1,6 +1,5 @@
import type { Message } from 'ai'; import type { Message } from 'ai';
import { toast } from 'react-toastify'; import { toast } from 'react-toastify';
import React from 'react';
import { ImportFolderButton } from '~/components/chat/ImportFolderButton'; import { ImportFolderButton } from '~/components/chat/ImportFolderButton';
export function ImportButtons(importChat: ((description: string, messages: Message[]) => Promise<void>) | undefined) { export function ImportButtons(importChat: ((description: string, messages: Message[]) => Promise<void>) | undefined) {