gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-03-14 04:13:38 +01:00
Code Issues Actions 45 Packages Projects Releases Wiki Activity

chore(video_player): change button alignment

Browse Source
This commit is contained in:
Elian Doran 2026-03-10 19:17:51 +02:00
parent 4303f3687e
commit 951fdaec70
No known key found for this signature in database
2 changed files with 26 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
apps/client/src/widgets/type_widgets/file/Video.css
View File

@ -14,7 +14,7 @@
bottom: 0;
left: 0;
right: 0;
padding: 1em;
padding: 1.25em;
display: flex;
flex-direction: column;
gap: 0.5em;
@ -40,8 +40,20 @@
.video-buttons-row {
display: flex;
align-items: center;
justify-content: space-between;
> * {
flex: 1;
}
.center {
display: flex;
justify-content: center;
}
.right {
display: flex;
justify-content: flex-end;
}
}
.video-volume-row {

17
apps/client/src/widgets/type_widgets/file/Video.tsx
View File

@ -42,12 +42,17 @@ export default function VideoPreview({ note }: { note: FNote }) {
<div className="video-preview-controls">
<SeekBar videoRef={videoRef} />
<div class="video-buttons-row">
<ActionButton
icon={playing ? "bx bx-pause" : "bx bx-play"}
text={playing ? "Pause" : "Play"}
onClick={togglePlayback}
/>
<VolumeControl videoRef={videoRef} />
<div className="left" />
<div className="center">
<ActionButton
icon={playing ? "bx bx-pause" : "bx bx-play"}
text={playing ? "Pause" : "Play"}
onClick={togglePlayback}
/>
</div>
<div className="right">
<VolumeControl videoRef={videoRef} />
</div>
</div>
</div>
</div>