🐛 fix(buildTrigger): add strokeWidth prop to Zap icon to fix inconsistent stroke width

🐛 fix(codeAreaComponent): add strokeWidth prop to ExternalLink icon to fix inconsistent stroke width
🐛 fix(headerComponent): add hover effect to Twitter and Discord icons by adding hover:text-ring class
🐛 fix(inputFileComponent): add strokeWidth prop to FileSearch2 icon to fix inconsistent stroke width
🐛 fix(promptComponent): add strokeWidth prop to ExternalLink icon to fix inconsistent stroke width
🐛 fix(textAreaComponent): add strokeWidth prop to ExternalLink icon to fix inconsistent stroke width
🐛 fix(ApiModal): add strokeWidth prop to Code2 icon to fix inconsistent stroke width
🐛 fix(codeAreaModal): add strokeWidth prop to TerminalSquare icon to fix inconsistent stroke width
🐛 fix(exportModal): add strokeWidth prop to Download icon to fix inconsistent stroke width
🐛 fix(genericModal): add strokeWidth prop to FileText icon to fix inconsistent stroke width
🐛 fix(importModal): add strokeWidth prop to DocumentDuplicateIcon icon to fix inconsistent stroke width
This commit is contained in:
Cristhian Zanforlin Lousa 2023-06-30 13:23:22 -03:00
commit 806767f962
11 changed files with 12 additions and 9 deletions

View file

@ -177,7 +177,7 @@ export default function BuildTrigger({
) : isBuilding ? (
<Loading strokeWidth={1.5} className="stroke-build-trigger" />
) : (
<Zap className="sh-6 w-6 fill-build-trigger stroke-1 stroke-build-trigger" />
<Zap strokeWidth={1.5} className="sh-6 w-6 fill-build-trigger stroke-1 stroke-build-trigger" />
)}
</div>
</button>

View file

@ -69,7 +69,7 @@ export default function CodeAreaComponent({
}}
>
{!editNode && (
<ExternalLink className="w-6 h-6 hover:text-ring ml-3" />
<ExternalLink strokeWidth={1.5} className="w-6 h-6 hover:text-ring ml-3" />
)}
</button>
</div>

View file

@ -89,7 +89,7 @@ export default function Header() {
rel="noreferrer"
className="text-muted-foreground"
>
<FaTwitter className="h-5 w-5" />
<FaTwitter className="h-5 w-5 hover:text-ring" />
</a>
<a
href="https://discord.gg/EqksyE2EX9"
@ -97,7 +97,7 @@ export default function Header() {
rel="noreferrer"
className="text-muted-foreground"
>
<FaDiscord className="h-5 w-5" />
<FaDiscord className="h-5 w-5 hover:text-ring" />
</a>
<Separator orientation="vertical" />

View file

@ -114,7 +114,7 @@ export default function InputFileComponent({
</span>
<button onClick={handleButtonClick}>
{!editNode && !loading && (
<FileSearch2 className="w-6 h-6 hover:text-ring" />
<FileSearch2 strokeWidth={1.5} className="w-6 h-6 hover:text-ring" />
)}
{!editNode && loading && (
<span className="loading loading-spinner loading-sm pl-3 h-8 pointer-events-none"></span>

View file

@ -73,7 +73,7 @@ export default function PromptAreaComponent({
);
}}
>
{!editNode && <ExternalLink className="w-6 h-6 hover:text-ring " />}
{!editNode && <ExternalLink strokeWidth={1.5} className="w-6 h-6 hover:text-ring " />}
</button>
</div>
</div>

View file

@ -76,7 +76,7 @@ export default function TextAreaComponent({
);
}}
>
{!editNode && <ExternalLink className="w-6 h-6 hover:text-ring " />}
{!editNode && <ExternalLink strokeWidth={1.5} className="w-6 h-6 hover:text-ring " />}
</button>
</div>
</div>

View file

@ -87,7 +87,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
<DialogHeader>
<DialogTitle className="flex items-center">
<span className="pr-2">Code</span>
<Code2 className="h-6 w-6 text-primary pl-1 " aria-hidden="true" />
<Code2 strokeWidth={1.5} className="h-6 w-6 text-primary pl-1 " aria-hidden="true" />
</DialogTitle>
<DialogDescription>{EXPORT_CODE_DIALOG}</DialogDescription>
</DialogHeader>

View file

@ -52,6 +52,7 @@ export default function CodeAreaModal({
<DialogTitle className="flex items-center">
<span className="pr-2">Edit Code</span>
<TerminalSquare
strokeWidth={1.5}
className="h-6 w-6 text-primary pl-1 "
aria-hidden="true"
/>

View file

@ -46,6 +46,7 @@ export default function ExportModal() {
<DialogTitle className="flex items-center">
<span className="pr-2">Export</span>
<Download
strokeWidth={1.5}
className="h-6 w-6 text-foreground pl-1"
aria-hidden="true"
/>

View file

@ -55,6 +55,7 @@ export default function GenericModal({
<DialogTitle className="flex items-center">
<span className="pr-2">{myModalTitle}</span>
<FileText
strokeWidth={1.5}
className="h-6 w-6 text-primary pl-1 "
aria-hidden="true"
/>

View file

@ -160,7 +160,7 @@ export default function ImportModal() {
bgColor="bg-medium-emerald "
description={example.description ?? "Prebuilt Examples"}
icon={
<DocumentDuplicateIcon className="h-6 w-6 flex-shrink-0" />
<DocumentDuplicateIcon strokeWidth={1.5} className="h-6 w-6 flex-shrink-0" />
}
onClick={() => {
addFlow(example, false);