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 {
|
||||
@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
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue