banchan icon indicating copy to clipboard operation
banchan copied to clipboard

Use consistent styling across message input and rendered message

Open rjt-rockx opened this issue 1 year ago • 1 comments

We currently use Tailwind's typography plugin to render messages, which ends up looking really different compared to what the message input shows us. image Tailwind's typography classes also enforce a max character width as well, which may not be ideal for us. We'll want to remove the max width on them when updating the input to support it.

rjt-rockx avatar Aug 20 '23 00:08 rjt-rockx

I'm pretty sure all you need to do is @apply prose in the big CSS block in quill_inpux.ex: https://github.com/BanchanArt/banchan/blob/main/lib/banchan_web/components/form/quill_input/quill_input.ex#L86

This should probably work:

.control :global(.ql-editor) {
  @apply prose
}

zkat avatar Aug 20 '23 01:08 zkat