mirror of https://github.com/OpenVidu/openvidu.git
openvidu-components: Updated README
parent
356784d473
commit
98a1ea0cd2
|
@ -1,5 +1,7 @@
|
||||||
# openvidu-angular
|
# openvidu-angular
|
||||||
|
|
||||||
|
OpenVidu Components for Angular.
|
||||||
|
|
||||||
[](http://www.apache.org/licenses/LICENSE-2.0)
|
[](http://www.apache.org/licenses/LICENSE-2.0)
|
||||||
[](https://github.com/OpenVidu/openvidu/actions/workflows/openvidu-ce-test.yml)
|
[](https://github.com/OpenVidu/openvidu/actions/workflows/openvidu-ce-test.yml)
|
||||||
[](https://github.com/OpenVidu/openvidu/actions/workflows/openvidu-components-angular-E2E.yml)
|
[](https://github.com/OpenVidu/openvidu/actions/workflows/openvidu-components-angular-E2E.yml)
|
||||||
|
@ -29,10 +31,8 @@ npm install openvidu-angular
|
||||||
|
|
||||||
2. Also you need Angular Material. Check the [Angular Material documentation](https://material.angular.io/guide/getting-started) for installing it.
|
2. Also you need Angular Material. Check the [Angular Material documentation](https://material.angular.io/guide/getting-started) for installing it.
|
||||||
|
|
||||||
|
|
||||||
## Configure it
|
## Configure it
|
||||||
|
|
||||||
|
|
||||||
You need to import the openvidu-angular module in your `app.module.ts`:
|
You need to import the openvidu-angular module in your `app.module.ts`:
|
||||||
|
|
||||||
```typescript
|
```typescript
|
||||||
|
@ -55,23 +55,23 @@ You can also add the default styles in your `styles.scss` file:
|
||||||
|
|
||||||
```css
|
```css
|
||||||
:root {
|
:root {
|
||||||
--ov-primary-color: #303030;
|
--ov-primary-color: #303030;
|
||||||
--ov-secondary-color: #3e3f3f;
|
--ov-secondary-color: #3e3f3f;
|
||||||
--ov-tertiary-color: #598eff;
|
--ov-tertiary-color: #598eff;
|
||||||
--ov-warn-color: #EB5144;
|
--ov-warn-color: #eb5144;
|
||||||
--ov-accent-color: #ffae35;
|
--ov-accent-color: #ffae35;
|
||||||
--ov-light-color: #e6e6e6;
|
--ov-light-color: #e6e6e6;
|
||||||
|
|
||||||
--ov-logo-background-color: #3a3d3d;
|
--ov-logo-background-color: #3a3d3d;
|
||||||
|
|
||||||
--ov-text-color: #ffffff;
|
--ov-text-color: #ffffff;
|
||||||
|
|
||||||
--ov-panel-text-color: #1d1d1d;
|
--ov-panel-text-color: #1d1d1d;
|
||||||
--ov-panel-background: #ffffff;
|
--ov-panel-background: #ffffff;
|
||||||
|
|
||||||
--ov-buttons-radius: 50%;
|
--ov-buttons-radius: 50%;
|
||||||
--ov-leave-button-radius: 10px;
|
--ov-leave-button-radius: 10px;
|
||||||
--ov-video-radius: 5px;
|
--ov-video-radius: 5px;
|
||||||
--ov-panel-radius: 5px;
|
--ov-panel-radius: 5px;
|
||||||
}
|
}
|
||||||
```
|
```
|
Loading…
Reference in New Issue