coyotte508 HF staff commited on
Commit
e5eb656
1 Parent(s): 3ddb8c6

💄 Add prose (#28)

Browse files
package-lock.json CHANGED
@@ -20,6 +20,7 @@
20
  "devDependencies": {
21
  "@sveltejs/adapter-node": "^1.2.0",
22
  "@sveltejs/kit": "^1.5.0",
 
23
  "@types/marked": "^4.0.8",
24
  "@typescript-eslint/eslint-plugin": "^5.45.0",
25
  "@typescript-eslint/parser": "^5.45.0",
@@ -789,6 +790,34 @@
789
  "node": ">=12"
790
  }
791
  },
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
792
  "node_modules/@types/cookie": {
793
  "version": "0.5.1",
794
  "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.5.1.tgz",
@@ -2334,6 +2363,18 @@
2334
  "url": "https://github.com/sponsors/sindresorhus"
2335
  }
2336
  },
 
 
 
 
 
 
 
 
 
 
 
 
2337
  "node_modules/lodash.merge": {
2338
  "version": "4.6.2",
2339
  "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
 
20
  "devDependencies": {
21
  "@sveltejs/adapter-node": "^1.2.0",
22
  "@sveltejs/kit": "^1.5.0",
23
+ "@tailwindcss/typography": "^0.5.9",
24
  "@types/marked": "^4.0.8",
25
  "@typescript-eslint/eslint-plugin": "^5.45.0",
26
  "@typescript-eslint/parser": "^5.45.0",
 
790
  "node": ">=12"
791
  }
792
  },
793
+ "node_modules/@tailwindcss/typography": {
794
+ "version": "0.5.9",
795
+ "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.9.tgz",
796
+ "integrity": "sha512-t8Sg3DyynFysV9f4JDOVISGsjazNb48AeIYQwcL+Bsq5uf4RYL75C1giZ43KISjeDGBaTN3Kxh7Xj/vRSMJUUg==",
797
+ "dev": true,
798
+ "dependencies": {
799
+ "lodash.castarray": "^4.4.0",
800
+ "lodash.isplainobject": "^4.0.6",
801
+ "lodash.merge": "^4.6.2",
802
+ "postcss-selector-parser": "6.0.10"
803
+ },
804
+ "peerDependencies": {
805
+ "tailwindcss": ">=3.0.0 || insiders"
806
+ }
807
+ },
808
+ "node_modules/@tailwindcss/typography/node_modules/postcss-selector-parser": {
809
+ "version": "6.0.10",
810
+ "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
811
+ "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
812
+ "dev": true,
813
+ "dependencies": {
814
+ "cssesc": "^3.0.0",
815
+ "util-deprecate": "^1.0.2"
816
+ },
817
+ "engines": {
818
+ "node": ">=4"
819
+ }
820
+ },
821
  "node_modules/@types/cookie": {
822
  "version": "0.5.1",
823
  "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.5.1.tgz",
 
2363
  "url": "https://github.com/sponsors/sindresorhus"
2364
  }
2365
  },
2366
+ "node_modules/lodash.castarray": {
2367
+ "version": "4.4.0",
2368
+ "resolved": "https://registry.npmjs.org/lodash.castarray/-/lodash.castarray-4.4.0.tgz",
2369
+ "integrity": "sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==",
2370
+ "dev": true
2371
+ },
2372
+ "node_modules/lodash.isplainobject": {
2373
+ "version": "4.0.6",
2374
+ "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
2375
+ "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
2376
+ "dev": true
2377
+ },
2378
  "node_modules/lodash.merge": {
2379
  "version": "4.6.2",
2380
  "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
package.json CHANGED
@@ -14,6 +14,7 @@
14
  "devDependencies": {
15
  "@sveltejs/adapter-node": "^1.2.0",
16
  "@sveltejs/kit": "^1.5.0",
 
17
  "@types/marked": "^4.0.8",
18
  "@typescript-eslint/eslint-plugin": "^5.45.0",
19
  "@typescript-eslint/parser": "^5.45.0",
 
14
  "devDependencies": {
15
  "@sveltejs/adapter-node": "^1.2.0",
16
  "@sveltejs/kit": "^1.5.0",
17
+ "@tailwindcss/typography": "^0.5.9",
18
  "@types/marked": "^4.0.8",
19
  "@typescript-eslint/eslint-plugin": "^5.45.0",
20
  "@typescript-eslint/parser": "^5.45.0",
src/lib/components/chat/ChatMessage.svelte CHANGED
@@ -13,7 +13,7 @@
13
  class="mt-5 w-3 h-3 flex-none rounded-full shadow-lg"
14
  />
15
  <div
16
- class="group relative rounded-2xl px-5 py-3.5 border border-gray-100 bg-gradient-to-br from-gray-50 dark:from-gray-800/40 dark:border-gray-800"
17
  >
18
  {@html marked(message.content, { gfm: true })}
19
  </div>
 
13
  class="mt-5 w-3 h-3 flex-none rounded-full shadow-lg"
14
  />
15
  <div
16
+ class="group relative rounded-2xl px-5 py-3.5 border border-gray-100 bg-gradient-to-br from-gray-50 dark:from-gray-800/40 dark:border-gray-800 prose text-gray-600 dark:text-gray-300"
17
  >
18
  {@html marked(message.content, { gfm: true })}
19
  </div>
tailwind.config.cjs CHANGED
@@ -14,5 +14,8 @@ export default {
14
  }
15
  }
16
  },
17
- plugins: [require('tailwind-scrollbar')({ nocompatible: true })]
 
 
 
18
  };
 
14
  }
15
  }
16
  },
17
+ plugins: [
18
+ require('tailwind-scrollbar')({ nocompatible: true }),
19
+ require('@tailwindcss/typography')
20
+ ]
21
  };