diff --git a/src/lib/components/CommunitySupportChat.svelte b/src/lib/components/CommunitySupportChat.svelte new file mode 100644 index 0000000000..6d268a3664 --- /dev/null +++ b/src/lib/components/CommunitySupportChat.svelte @@ -0,0 +1,95 @@ + + + diff --git a/src/routes/education/(assets)/chat.png b/src/routes/education/(assets)/chat.png deleted file mode 100644 index 65223f7d04..0000000000 Binary files a/src/routes/education/(assets)/chat.png and /dev/null differ diff --git a/src/routes/education/(components)/Community.svelte b/src/routes/education/(components)/Community.svelte index ecf9acd64a..ad9b123783 100644 --- a/src/routes/education/(components)/Community.svelte +++ b/src/routes/education/(components)/Community.svelte @@ -1,5 +1,5 @@ -
@@ -20,5 +20,8 @@ Join our Discord
- Chat + +
+ +
diff --git a/src/routes/startups/+page.svelte b/src/routes/startups/+page.svelte index f802019878..093ceab538 100644 --- a/src/routes/startups/+page.svelte +++ b/src/routes/startups/+page.svelte @@ -20,6 +20,7 @@ import { PUBLIC_GROWTH_ENDPOINT } from '$env/static/public'; import Faq from './faq.svelte'; import { getReferrerAndUtmSource } from '$lib/utils/utm'; + import CommunitySupportChat from '$lib/components/CommunitySupportChat.svelte'; const title = 'Startups' + TITLE_SUFFIX; const description = DEFAULT_DESCRIPTION; @@ -481,145 +482,7 @@
- +
diff --git a/src/scss/7-components/_chat.scss b/src/scss/7-components/_chat.scss index 8825c8850f..95b1c65763 100644 --- a/src/scss/7-components/_chat.scss +++ b/src/scss/7-components/_chat.scss @@ -21,6 +21,22 @@ @media #{$break1} { } + + /* reversed arrow on replies */ + &.reply { + &::before { + rotate: 180deg; + inset-block-end: auto; + inset-block-start: pxToRem(-16); + background-color: var(--border-color); + } + + &::after { + rotate: 180deg; + inset-block-start: pxToRem(-14.5); + inset-block-end: auto; + } + } } /* user 'b' messages */