tommy
April 8, 2021, 7:24pm
10
Hey @shweta ,
Here is an example of where you can import the CSS files:
"aot": true,
"assets": [
"src/favicon.ico",
"src/assets"
],
"styles": [
"node_modules/@zoomus/websdk/dist/css/bootstrap.css",
"node_modules/@zoomus/websdk/dist/css/react-select.css",
"src/styles.css"
],
"scripts": [
],
"allowedCommonJsDependencies": [
]
},
"configurations": {
"production": {
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
Currently the Web SDK styles could conflict with your projects styles. We are working on improving this. In the meantime, you can read my suggestions here on how to handle this:
Hey @gabriel.rf0 , @jude.niroshan11 ,
This is currently how the Web SDK works. You can try adjusting the Web SDK CSS or host the Web SDK on a sub domain / path seperate from your app so it does not break your styling.
We are working on a more customizable Web SDK in the future.
Thanks,
Tommy
Let me know if that helps!
Thanks,
