From 245cee34c3d1f179e7751681bef58c4c298f90a4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Rodrigo=20Jos=C3=A9=20Borba=20Fernandes?= Date: Tue, 30 Jul 2024 00:32:54 -0300 Subject: [PATCH] chore: adjust scroll down button --- .../src/components/internal/orama-chat/orama-chat.scss | 3 ++- .../src/components/internal/orama-chat/orama-chat.tsx | 4 ++-- packages/ui-stencil/src/components/orama-search-box/readme.md | 2 +- 3 files changed, 5 insertions(+), 4 deletions(-) diff --git a/packages/ui-stencil/src/components/internal/orama-chat/orama-chat.scss b/packages/ui-stencil/src/components/internal/orama-chat/orama-chat.scss index d484c3ee..59b3d05d 100644 --- a/packages/ui-stencil/src/components/internal/orama-chat/orama-chat.scss +++ b/packages/ui-stencil/src/components/internal/orama-chat/orama-chat.scss @@ -57,7 +57,8 @@ orama-chat { justify-content: center; align-items: center; font-family: var(--font-primary, font('primary')); - border-radius: 50%; + margin: var(--spacing-xs, $spacing-xs); + border-radius: var(--radius-m, $radius-m); } .chat-form-wrapper { diff --git a/packages/ui-stencil/src/components/internal/orama-chat/orama-chat.tsx b/packages/ui-stencil/src/components/internal/orama-chat/orama-chat.tsx index 5c43c9a3..ed8f34c1 100644 --- a/packages/ui-stencil/src/components/internal/orama-chat/orama-chat.tsx +++ b/packages/ui-stencil/src/components/internal/orama-chat/orama-chat.tsx @@ -2,7 +2,7 @@ import { Component, Host, Prop, State, Watch, h } from '@stencil/core' import { chatContext, TAnswerStatus } from '@/context/chatContext' import '@phosphor-icons/webcomponents/dist/icons/PhPaperPlaneTilt.mjs' import '@phosphor-icons/webcomponents/dist/icons/PhStop.mjs' -import '@phosphor-icons/webcomponents/dist/icons/PhArrowCircleDown.mjs' +import '@phosphor-icons/webcomponents/dist/icons/PhArrowDown.mjs' // TODO: Hardcoding suggestions for now const SUGGESTIONS = [ @@ -166,7 +166,7 @@ export class OramaChat { this.scrollToBottom({ animated: true }) }} > - + )} diff --git a/packages/ui-stencil/src/components/orama-search-box/readme.md b/packages/ui-stencil/src/components/orama-search-box/readme.md index f8f1348e..37d2ad3f 100644 --- a/packages/ui-stencil/src/components/orama-search-box/readme.md +++ b/packages/ui-stencil/src/components/orama-search-box/readme.md @@ -11,7 +11,7 @@ | `colorScheme` | `color-scheme` | | `"dark" \| "light" \| "system"` | `'light'` | | `facetProperty` | `facet-property` | | `string` | `undefined` | | `open` | `open` | | `boolean` | `false` | -| `resultMap` | -- | | `{ title?: string; description?: string; path?: string; section?: string; }` | `{}` | +| `resultMap` | -- | | `{ section?: string; title?: string; path?: string; description?: string; }` | `{}` | | `themeConfig` | -- | | `{ typography?: DeepPartial<{ '--font-primary': string; }>; colors?: DeepPartial<{ gray50: string; gray100: string; gray200: string; gray300: string; gray400: string; gray500: string; gray600: string; gray700: string; gray800: string; gray900: string; gray950: string; purple100: string; purple200: string; purple300: string; purple500: string; purple700: string; light: { "--text-color-primary": string; "--text-color-secondary": string; "--text-color-tertiary": string; "--text-color-accent": string; "--text-color-inactive": string; "--text-color-reverse": string; "--background-color-primary": string; "--background-color-secondary": string; "--background-color-tertiary": string; "--background-color-fourth": string; "--background-color-reverse": string; "--border-color-primary": string; "--border-color-secondary": string; "--border-color-tertiary": string; "--border-color-accent": string; "--icon-color-primary": string; "--icon-color-secondary": string; "--icon-color-tertiary": string; "--icon-color-inactive": string; "--icon-color-accent": string; "--shadow-color-primary": string; "--button-text-color-primary": string; "--button-text-color-inactive": string; "--button-background-color-primary": string; "--button-background-color-inactive": string; }; dark: { "--text-color-primary": string; "--text-color-secondary": string; "--text-color-tertiary": string; "--text-color-accent": string; "--text-color-inactive": string; "--text-color-reverse": string; "--background-color-primary": string; "--background-color-secondary": string; "--background-color-tertiary": string; "--background-color-fourth": string; "--background-color-reverse": string; "--border-color-primary": string; "--border-color-secondary": string; "--border-color-tertiary": string; "--border-color-accent": string; "--icon-color-primary": string; "--icon-color-secondary": string; "--icon-color-tertiary": string; "--icon-color-inactive": string; "--icon-color-accent": string; "--shadow-color-primary": string; "--button-text-color-primary": string; "--button-background-color-primary": string; }; }>; }` | `undefined` |