diff --git a/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/QADisplay/components/MessageRow/components/MessageContent/MessageContent.module.scss b/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/QADisplay/components/MessageRow/components/MessageContent/MessageContent.module.scss index b92a9657830d..30ab6d5645e5 100644 --- a/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/QADisplay/components/MessageRow/components/MessageContent/MessageContent.module.scss +++ b/frontend/app/chat/[chatId]/components/ChatDialogueArea/components/ChatDialogue/components/QADisplay/components/MessageRow/components/MessageContent/MessageContent.module.scss @@ -1,5 +1,6 @@ @use "@/styles/Colors.module.scss"; @use "@/styles/Spacings.module.scss"; +@use "@/styles/Typography.module.scss"; .markdown { p { @@ -23,6 +24,18 @@ white-space-collapse: collapse; } } + + h1 { + @include Typography.H1; + } + + h2 { + @include Typography.H2; + } + + h3 { + @include Typography.H3; + } } .user { diff --git a/frontend/app/search/page.module.scss b/frontend/app/search/page.module.scss index 2fdef462a2b4..f315552ea1c7 100644 --- a/frontend/app/search/page.module.scss +++ b/frontend/app/search/page.module.scss @@ -34,7 +34,7 @@ align-items: center; .quivr_text { - @include Typography.H1; + @include Typography.Big; .quivr_text_primary { color: Colors.$primary; diff --git a/frontend/styles/_Typography.module.scss b/frontend/styles/_Typography.module.scss index 72ab2abef0ea..e90da26d814e 100644 --- a/frontend/styles/_Typography.module.scss +++ b/frontend/styles/_Typography.module.scss @@ -1,4 +1,19 @@ +@mixin Big { + font-weight: 500; + font-size: 36px; +} + @mixin H1 { - font-weight: 500; - font-size: 36px; -} \ No newline at end of file + font-weight: 600; + font-size: 20px; +} + +@mixin H2 { + font-weight: 600; + font-size: 18px; +} + +@mixin H3 { + font-weight: 500; + font-size: 16px; +}