diff --git a/apps/client/src/widgets/type_widgets/file/Video.css b/apps/client/src/widgets/type_widgets/file/Video.css index 1ecb5db8ed..88b405ed7f 100644 --- a/apps/client/src/widgets/type_widgets/file/Video.css +++ b/apps/client/src/widgets/type_widgets/file/Video.css @@ -18,6 +18,29 @@ display: flex; flex-direction: column; gap: 0.5em; + background: rgba(0, 0, 0, 0.5); + + .video-buttons-row { + display: flex; + + > * { + flex: 1; + } + + .center { + display: flex; + justify-content: center; + } + + .right { + display: flex; + justify-content: flex-end; + } + + .play-button { + --icon-button-size: 48px; + } + } } .video-seekbar-row { @@ -38,24 +61,6 @@ white-space: nowrap; } - .video-buttons-row { - display: flex; - - > * { - flex: 1; - } - - .center { - display: flex; - justify-content: center; - } - - .right { - display: flex; - justify-content: flex-end; - } - } - .video-volume-row { display: flex; align-items: center; diff --git a/apps/client/src/widgets/type_widgets/file/Video.tsx b/apps/client/src/widgets/type_widgets/file/Video.tsx index db388050c6..b2f7804262 100644 --- a/apps/client/src/widgets/type_widgets/file/Video.tsx +++ b/apps/client/src/widgets/type_widgets/file/Video.tsx @@ -45,6 +45,7 @@ export default function VideoPreview({ note }: { note: FNote }) {