ov-components: Updated css variable names

pull/850/merge
Carlos Santos 2024-11-06 10:05:56 +01:00
parent 02e3fb0d4e
commit b59c56c3e8
6 changed files with 9 additions and 9 deletions

View File

@ -24,7 +24,7 @@
--ov-text-primary-color: #1d1d1d;
--ov-surface-color: #ffffff;
--ov-buttons-radius: 50%;
--ov-toolbar-buttons-radius: 50%;
--ov-leave-button-radius: 10px;
--ov-video-radius: 5px;
--ov-surface-radius: 5px;

View File

@ -72,10 +72,10 @@ You can also customize the styles in your `styles.scss` file:
--ov-warn-color: #ffba53; // Warning color
/* Radius */
--ov-buttons-radius: 50%;
--ov-leave-button-radius: 10px;
--ov-video-radius: 5px;
--ov-surface-radius: 5px;
--ov-toolbar-buttons-radius: 50%; // Radius for toolbar buttons
--ov-leave-button-radius: 10px; // Radius for leave button
--ov-video-radius: 5px; // Radius for video elements
--ov-surface-radius: 5px; // Radius for surface elements
}
```

View File

@ -29,7 +29,7 @@
.panel-close-button {
margin-left: auto;
border-radius: var(--ov-buttons-radius);
border-radius: 50%;
}
::-webkit-scrollbar {

View File

@ -57,7 +57,7 @@
}
#mute-btn {
border-radius: var(--ov-buttons-radius);
border-radius: 50%;
color: var(--ov-text-surface-color);
}

View File

@ -56,7 +56,7 @@ $ov-recording-blinking-color: #eb5144;
#media-buttons-container button,
#menu-buttons-container button {
border-radius: var(--ov-buttons-radius);
border-radius: var(--ov-toolbar-buttons-radius);
color: var(--ov-secondary-action-color);
}

View File

@ -40,7 +40,7 @@ body {
--ov-text-primary-color: #ffffff;
--ov-text-surface-color: #1d1d1d;
--ov-buttons-radius: 50%;
--ov-toolbar-buttons-radius: 50%;
--ov-leave-button-radius: 10px;
--ov-video-radius: 5px;
--ov-surface-radius: 5px;