diff --git a/src/video-grid/VideoTileSettingsModal.module.css b/src/video-grid/VideoTileSettingsModal.module.css index 8edff8a..eb6cec8 100644 --- a/src/video-grid/VideoTileSettingsModal.module.css +++ b/src/video-grid/VideoTileSettingsModal.module.css @@ -1,5 +1,16 @@ +.videoTileSettingsModal { + width: 700px; + height: 316px; + display: flex; +} + .content { + position: relative; margin: 27px 34px; + height: 100%; + display: flex; + flex-direction: column; + justify-content: center; } .localVolumePercentage { diff --git a/src/video-grid/VideoTileSettingsModal.tsx b/src/video-grid/VideoTileSettingsModal.tsx index f76721d..fd6a28b 100644 --- a/src/video-grid/VideoTileSettingsModal.tsx +++ b/src/video-grid/VideoTileSettingsModal.tsx @@ -17,10 +17,10 @@ limitations under the License. import React, { ChangeEvent, useState } from "react"; import { CallFeed } from "matrix-js-sdk/src/webrtc/callFeed"; -import selectInputStyles from "../input/SelectInput.module.css"; import { FieldRow } from "../input/Input"; import { Modal } from "../Modal"; import styles from "./VideoTileSettingsModal.module.css"; +import { VolumeIcon } from "../button/VolumeIcon"; interface LocalVolumeProps { feed: CallFeed; @@ -39,11 +39,8 @@ const LocalVolume: React.FC = ({ return ( <> -

Local Volume

- - {`${Math.round(localVolume * 100)}%`} - + { return ( - +