style(index.css): remove unused text-color class and update components-disclosure-title class to use text-primary class for consistent styling

style(DisclosureComponent): update Icon class to use text-primary class for consistent styling
style(FlowPage): remove logspace-icon-text class and update the structure of the icon and text elements for better alignment and spacing
This commit is contained in:
anovazzi1 2023-07-05 11:51:06 -03:00
commit d93dbef31b
3 changed files with 4 additions and 11 deletions

View file

@ -230,11 +230,8 @@ The cursor: default; property value restores the browser's default cursor style
.components-disclosure-arrangement {
@apply -mt-px flex w-full select-none items-center justify-between border-y border-y-input bg-muted px-3 py-2
}
.text-color {
@apply text-primary
}
.components-disclosure-title {
@apply flex items-center text-sm text-color
@apply flex items-center text-sm text-primary
}
.components-disclosure-div {
@apply flex gap-2
@ -249,11 +246,7 @@ The cursor: default; property value restores the browser's default cursor style
.logspace-page-icon:hover {
@apply hover:h-12
}
.logspace-icon-text {
@apply mt-1
}
.flex-max-width {
@apply flex w-full
}

View file

@ -14,7 +14,7 @@ export default function DisclosureComponent({
<div>
<Disclosure.Button className="components-disclosure-arrangement">
<div className="flex gap-4">
<Icon strokeWidth={1.5} size={22} className="text-color" />
<Icon strokeWidth={1.5} size={22} className="text-primary" />
<span className="components-disclosure-title">
{title}
</span>

View file

@ -31,7 +31,7 @@ export default function FlowPage() {
href="https://logspace.ai/"
className="logspace-page-icon"
>
{version && <div className="logspace-icon-text"> LangFlow v{version}</div>}
{version && <div className="mt-1"> LangFlow v{version}</div>}
<div className={version ? "mt-2" : "mt-1"}>Created by Logspace</div>
</a>
</div>