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 { .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 @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 { .components-disclosure-title {
@apply flex items-center text-sm text-color @apply flex items-center text-sm text-primary
} }
.components-disclosure-div { .components-disclosure-div {
@apply flex gap-2 @apply flex gap-2
@ -250,10 +247,6 @@ The cursor: default; property value restores the browser's default cursor style
@apply hover:h-12 @apply hover:h-12
} }
.logspace-icon-text {
@apply mt-1
}
.flex-max-width { .flex-max-width {
@apply flex w-full @apply flex w-full
} }

View file

@ -14,7 +14,7 @@ export default function DisclosureComponent({
<div> <div>
<Disclosure.Button className="components-disclosure-arrangement"> <Disclosure.Button className="components-disclosure-arrangement">
<div className="flex gap-4"> <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"> <span className="components-disclosure-title">
{title} {title}
</span> </span>

View file

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