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:
parent
84aa84cc08
commit
d93dbef31b
3 changed files with 4 additions and 11 deletions
|
|
@ -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
|
||||||
|
|
@ -249,11 +246,7 @@ The cursor: default; property value restores the browser's default cursor style
|
||||||
.logspace-page-icon:hover {
|
.logspace-page-icon:hover {
|
||||||
@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
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue