jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

refactor(chatTrigger): Add new chatTrigger tailwind constants classes

Browse source
This commit is contained in:
Igor Carvalho 2023-07-07 13:31:35 -03:00
commit d718b153da
2 changed files with 12 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/frontend/src/components/chatComponent/chatTrigger/index.tsx
View file

@ -45,7 +45,7 @@ export default function ChatTrigger({ open, setOpen, isBuilt, canOpen }) {
<button <button
onClick={handleClick} onClick={handleClick}
className={ className={
"shadow-round-btn-shadow hover:shadow-round-btn-shadow fixed bottom-4 right-4 flex h-12 w-12 items-center justify-center rounded-full bg-border px-3 py-1 shadow-md transition-all " + "shadow-round-btn-shadow hover:shadow-round-btn-shadow message-button " +
(!isBuilt || !canOpen ? "cursor-not-allowed" : "cursor-pointer") (!isBuilt || !canOpen ? "cursor-not-allowed" : "cursor-pointer")
} }
> >
@ -54,8 +54,8 @@ export default function ChatTrigger({ open, setOpen, isBuilt, canOpen }) {
className={ className={
"h-6 w-6 transition-all " + "h-6 w-6 transition-all " +
(isBuilt && canOpen (isBuilt && canOpen
? "fill-chat-trigger stroke-chat-trigger stroke-1" ? "message-button-icon"
: "fill-chat-trigger-disabled stroke-chat-trigger-disabled stroke-1") : "disabled-message-button-icon")
} }
style={{ color: "white" }} style={{ color: "white" }}
strokeWidth={1.5} strokeWidth={1.5}

11
src/frontend/src/index.css
View file

@ -217,6 +217,10 @@ The cursor: default; property value restores the browser's default cursor style
.input-dialog{ .input-dialog{
@apply text-ring cursor-pointer bg-transparent @apply text-ring cursor-pointer bg-transparent
} }
.message-button {
@apply message-button-position flex h-12 w-12 items-center justify-center rounded-full bg-border px-3 py-1 shadow-md transition-all
}
.round-button-form { .round-button-form {
@apply flex h-12 w-12 cursor-pointer justify-center rounded-full bg-border px-3 py-1 shadow-md @apply flex h-12 w-12 cursor-pointer justify-center rounded-full bg-border px-3 py-1 shadow-md
} }
@ -230,10 +234,13 @@ The cursor: default; property value restores the browser's default cursor style
@apply w-6 fill-build-trigger stroke-1 stroke-build-trigger @apply w-6 fill-build-trigger stroke-1 stroke-build-trigger
} }
.message-button-position { .message-button-position {
@apply absolute bottom-4 right-3 @apply fixed bottom-4 right-4
} }
.message-button-icon { .message-button-icon {
@apply w-6 fill-chat-trigger stroke-chat-trigger stroke-1 @apply fill-chat-trigger stroke-chat-trigger stroke-1
}
.disabled-message-button-icon {
@apply fill-chat-trigger-disabled stroke-chat-trigger-disabled stroke-1
} }
.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