UniqAI/bolt.new
1
0
Fork 0
mirror of https://github.com/stackblitz/bolt.new synced 2025-03-12 06:51:11 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(ui): mobile friendly editor scrollable option buttons

Browse Source
This commit is contained in:
Qwikode 2024-11-21 15:23:40 +02:00
parent f644066189
commit 84fad819b5
1 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/components/workbench/Workbench.client.tsx
View File

@ -144,7 +144,7 @@ export const Workbench = memo(({ chatStarted, isStreaming }: WorkspaceProps) =>
<Slider selected={selectedView} options={sliderOptions} setSelected={setSelectedView} /> <Slider selected={selectedView} options={sliderOptions} setSelected={setSelectedView} />
<div className="ml-auto" /> <div className="ml-auto" />
{selectedView === 'code' && ( {selectedView === 'code' && (
<> <div className="flex overflow-y-auto">
<PanelHeaderButton <PanelHeaderButton
className="mr-1 text-sm" className="mr-1 text-sm"
onClick={() => { onClick={() => {
@ -170,19 +170,22 @@ export const Workbench = memo(({ chatStarted, isStreaming }: WorkspaceProps) =>
<PanelHeaderButton <PanelHeaderButton
className="mr-1 text-sm" className="mr-1 text-sm"
onClick={() => { onClick={() => {
const repoName = prompt("Please enter a name for your new GitHub repository:", "bolt-generated-project"); const repoName = prompt(
'Please enter a name for your new GitHub repository:',
'bolt-generated-project',
);
if (!repoName) { if (!repoName) {
alert("Repository name is required. Push to GitHub cancelled."); alert('Repository name is required. Push to GitHub cancelled.');
return; return;
} }
const githubUsername = prompt("Please enter your GitHub username:"); const githubUsername = prompt('Please enter your GitHub username:');
if (!githubUsername) { if (!githubUsername) {
alert("GitHub username is required. Push to GitHub cancelled."); alert('GitHub username is required. Push to GitHub cancelled.');
return; return;
} }
const githubToken = prompt("Please enter your GitHub personal access token:"); const githubToken = prompt('Please enter your GitHub personal access token:');
if (!githubToken) { if (!githubToken) {
alert("GitHub token is required. Push to GitHub cancelled."); alert('GitHub token is required. Push to GitHub cancelled.');
return; return;
} }
@ -192,7 +195,7 @@ export const Workbench = memo(({ chatStarted, isStreaming }: WorkspaceProps) =>
<div className="i-ph:github-logo" /> <div className="i-ph:github-logo" />
Push to GitHub Push to GitHub
</PanelHeaderButton> </PanelHeaderButton>
</> </div>
)} )}
<IconButton <IconButton
icon="i-ph:x-circle" icon="i-ph:x-circle"