Github/screenshot-to-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

minor visual improvements

Browse Source
This commit is contained in:
Abi Raja 2023-11-29 04:43:07 -05:00
parent 58298a15e7
commit 2ad9780e80
2 changed files with 2 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/App.tsx
View File

@ -181,15 +181,10 @@ function App() {
<div className="lg:fixed lg:inset-y-0 lg:z-40 lg:flex lg:w-96 lg:flex-col"> <div className="lg:fixed lg:inset-y-0 lg:z-40 lg:flex lg:w-96 lg:flex-col">
<div className="flex grow flex-col gap-y-2 overflow-y-auto border-r border-gray-200 bg-white px-6"> <div className="flex grow flex-col gap-y-2 overflow-y-auto border-r border-gray-200 bg-white px-6">
<div className="flex items-center justify-between mt-10"> <div className="flex items-center justify-between mt-10 mb-2">
<h1 className="text-2xl ">Screenshot to Code</h1> <h1 className="text-2xl ">Screenshot to Code</h1>
<SettingsDialog settings={settings} setSettings={setSettings} /> <SettingsDialog settings={settings} setSettings={setSettings} />
</div> </div>
{appState === AppState.INITIAL && (
<h2 className="text-sm text-gray-500 mb-2">
Drag & drop a screenshot to get started.
</h2>
)}
{appState === AppState.INITIAL && ( {appState === AppState.INITIAL && (
<OutputSettingsSection <OutputSettingsSection

2
frontend/src/components/OutputSettingsSection.tsx
View File

@ -60,7 +60,7 @@ function generateDisplayString(settings: OutputSettings) {
settings.css === CSSOption.TAILWIND settings.css === CSSOption.TAILWIND
) { ) {
return ( return (
<div> <div className="text-gray-800">
Generating <span className="font-bold">HTML</span> +{" "} Generating <span className="font-bold">HTML</span> +{" "}
<span className="font-bold">Tailwind</span> code <span className="font-bold">Tailwind</span> code
</div> </div>