softbuilders-react-video-player 1.1.45 → 1.1.47
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/ControlBar/index.js +3 -3
- package/dist/components/ControlBar/index.js.map +1 -1
- package/dist/components/ControlBar/index.tsx +9 -4
- package/dist/components/CreateNoteMenu/index.d.ts +2 -1
- package/dist/components/CreateNoteMenu/index.js +2 -2
- package/dist/components/CreateNoteMenu/index.js.map +1 -1
- package/dist/components/CreateNoteMenu/index.tsx +9 -3
- package/dist/components/QualityMenu/index.js +13 -13
- package/dist/components/QualityMenu/index.js.map +1 -1
- package/dist/components/QualityMenu/index.tsx +24 -20
- package/dist/components/SubtitleMenu/index.js +1 -1
- package/dist/components/SubtitleMenu/index.js.map +1 -1
- package/dist/components/SubtitleMenu/index.tsx +1 -1
- package/dist/index.css +9 -3
- package/dist/index.mjs +73 -56
- package/dist/styles/tailwind.css +9 -3
- package/package.json +1 -1
|
@@ -47,7 +47,7 @@ const ControlBar = ({ player, isPaused, setIsPaused, duration, notes, chapters,
|
|
|
47
47
|
useEffect(() => {
|
|
48
48
|
setDuration(duration);
|
|
49
49
|
}, [duration]);
|
|
50
|
-
return (_jsxs("div", { className: ` sb-px-
|
|
50
|
+
return (_jsxs("div", { className: ` !sb-px-4 sb-flex sb-pt-2 sb-justify-center sb-gap-3 sb-w-full sb-h-full ${width > 400 ? "sb-items-end sb-mb-1 " : "sb-items-start"} sb-pb-2`, children: [_jsx(BufferTracker, {}), _jsx(CurrentTimeTracker, {}), _jsx("button", { onClick: () => {
|
|
51
51
|
seek(-seekStep);
|
|
52
52
|
}, children: _jsx(BackwardIcon, { className: "sb-w-3 sb-h-3" }) }), _jsx("button", { onClick: togglePlay, children: isPaused ? (_jsx(PlayIcon, { className: "sb-w-3 sb-h-3" })) : (_jsx(PauseIcon, { className: "sb-w-3 sb-h-3" })) }), _jsx("button", { onClick: (e) => {
|
|
53
53
|
e.preventDefault();
|
|
@@ -61,10 +61,10 @@ const ControlBar = ({ player, isPaused, setIsPaused, duration, notes, chapters,
|
|
|
61
61
|
left: "5%",
|
|
62
62
|
top: "90%",
|
|
63
63
|
}
|
|
64
|
-
: { width: "
|
|
64
|
+
: { width: "98%" }, className: `flex gap-2 ${width < 400 ? "absolute sb-top-1" : "-sb-translate-y-0 sb-w-full"} hover:sb-w-[45%] sb-transition-all sb-ease-in-out sb-duration-500`, children: [_jsx(CurrentTimeLabel, {}), _jsx(TimeSliderContainer, { chapters: chapters, notes: notes }), _jsx("p", { children: durationFormater(duration) })] }) }), _jsx("div", { className: "sb-h-full", children: _jsx(VolumeSlider, { volumeSliderToggler: volumeSliderToggler, width: width, setIsSeeking: (val) => setIsSeeking(val), handleControlDisplayTimer: handleControlDisplayTimer }) }), _jsx(QualityMenu, { width: width, onClick: (e, isOpen) => {
|
|
65
65
|
setVolumeToggler(!volumeSliderToggler);
|
|
66
66
|
setIsQualityMenuOpen && setIsQualityMenuOpen(isOpen);
|
|
67
|
-
} }), true && _jsx(CreateNoteMenu, { handleSaveNoteAction: handleSaveNoteAction }), _jsx(SubtitleMenu, { width: width, onClick: (e, isOpen) => {
|
|
67
|
+
} }), true && (_jsx(CreateNoteMenu, { handleSaveNoteAction: handleSaveNoteAction, width: width })), _jsx(SubtitleMenu, { width: width, onClick: (e, isOpen) => {
|
|
68
68
|
setVolumeToggler(!volumeSliderToggler);
|
|
69
69
|
setIsSubtitleMenuOpen && setIsSubtitleMenuOpen(isOpen);
|
|
70
70
|
} }), _jsx("button", { onClick: (e) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ControlBar/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ControlBar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -95,8 +95,8 @@ const ControlBar = <T,>({
|
|
|
95
95
|
|
|
96
96
|
return (
|
|
97
97
|
<div
|
|
98
|
-
className={` sb-px-
|
|
99
|
-
width > 400 ? "sb-items-end" : "sb-items-start"
|
|
98
|
+
className={` !sb-px-4 sb-flex sb-pt-2 sb-justify-center sb-gap-3 sb-w-full sb-h-full ${
|
|
99
|
+
width > 400 ? "sb-items-end sb-mb-1 " : "sb-items-start"
|
|
100
100
|
} sb-pb-2`}
|
|
101
101
|
>
|
|
102
102
|
{/* Doesn't display anything, just set the downloaded buffer percentage */}
|
|
@@ -143,7 +143,7 @@ const ControlBar = <T,>({
|
|
|
143
143
|
left: "5%",
|
|
144
144
|
top: "90%",
|
|
145
145
|
}
|
|
146
|
-
: { width: "
|
|
146
|
+
: { width: "98%" }
|
|
147
147
|
}
|
|
148
148
|
className={`flex gap-2 ${
|
|
149
149
|
width < 400 ? "absolute sb-top-1" : "-sb-translate-y-0 sb-w-full"
|
|
@@ -174,7 +174,12 @@ const ControlBar = <T,>({
|
|
|
174
174
|
}}
|
|
175
175
|
/>
|
|
176
176
|
{/* handleSaveNoteAction */}
|
|
177
|
-
{true &&
|
|
177
|
+
{true && (
|
|
178
|
+
<CreateNoteMenu
|
|
179
|
+
handleSaveNoteAction={handleSaveNoteAction}
|
|
180
|
+
width={width}
|
|
181
|
+
/>
|
|
182
|
+
)}
|
|
178
183
|
|
|
179
184
|
<SubtitleMenu
|
|
180
185
|
width={width}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
type Props<T> = {
|
|
2
2
|
handleSaveNoteAction?: (time: number, note: string) => Promise<T>;
|
|
3
|
+
width: number;
|
|
3
4
|
};
|
|
4
|
-
declare const CreateNoteMenu: <T>({ handleSaveNoteAction }: Props<T>) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare const CreateNoteMenu: <T>({ handleSaveNoteAction, width }: Props<T>) => import("react/jsx-runtime").JSX.Element;
|
|
5
6
|
export default CreateNoteMenu;
|
|
@@ -3,7 +3,7 @@ import { useState } from "react";
|
|
|
3
3
|
import MenuButton from "../MenuButton";
|
|
4
4
|
import { useSoftBuildersVideoPlayerContext } from "../VideoPlayerComponent/provider";
|
|
5
5
|
import { ClosedNoteIcon } from "../../images";
|
|
6
|
-
const CreateNoteMenu = ({ handleSaveNoteAction }) => {
|
|
6
|
+
const CreateNoteMenu = ({ handleSaveNoteAction, width }) => {
|
|
7
7
|
const { player } = useSoftBuildersVideoPlayerContext();
|
|
8
8
|
const [note, setNote] = useState("");
|
|
9
9
|
const handleSaveNote = () => {
|
|
@@ -17,7 +17,7 @@ const CreateNoteMenu = ({ handleSaveNoteAction }) => {
|
|
|
17
17
|
window.alert("Video Player, there is no implementation for the handleSaveNoteAction function");
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
|
-
return (_jsx(MenuButton, { buttonContent: _jsx(ClosedNoteIcon, { className: "sb-w-3 sb-h-3" }), menuContent: _jsx("div", { className:
|
|
20
|
+
return (_jsx(MenuButton, { classContainer: `${width < 400 ? "!sb-top-8 -sb-left-[9.75rem]" : ""}`, buttonContent: _jsx(ClosedNoteIcon, { className: "sb-w-3 sb-h-3" }), menuContent: _jsx("div", { className: `sb-rounded-md sb-bg-[#303030] sb-bg-opacity-50 ${width > 400 ? " sb-py-5 sb-w-[220px]" : "sb-py-1 sb-w-[150px]"}`, children: _jsxs("div", { className: "sb-flex sb-flex-col sb-gap-3 sb-items-center sb-justify-center", onClick: (e) => e.stopPropagation(), children: [_jsx("h3", { className: "sb-px-5", children: "Add Note" }), _jsx("div", { className: "sb-w-full sb-h-[.1px] sb-bg-[#AAAAAA] sb-bg-opacity-70" }), _jsxs("div", { className: "sb-px-5 sb-flex sb-flex-col sb-gap-4 sb-items-start", children: [_jsx("input", { onClick: (e) => e.stopPropagation(), name: "note", type: "text", placeholder: "Add a note", value: note, onChange: (e) => setNote(e.target.value), required: true, className: "sb-text-white placeholder:sb-text-white sb-w-full sb-bg-transparent sb-px-4 sb-py-3 sb-border sb-border-[#AAAAAA] sb-rounded-md" }), _jsx("button", { className: "sb-w-full", onClick: handleSaveNote, children: _jsx("div", { className: "sb-px-4 sb-py-3 sb-text-center sb-font-bold sb-bg-orange-500 sb-rounded-md", children: "Save" }) })] })] }) }) }));
|
|
21
21
|
};
|
|
22
22
|
export default CreateNoteMenu;
|
|
23
23
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CreateNoteMenu/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,iCAAiC,EAAE,MAAM,kCAAkC,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CreateNoteMenu/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,iCAAiC,EAAE,MAAM,kCAAkC,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAM9C,MAAM,cAAc,GAAG,CAAK,EAAE,oBAAoB,EAAE,KAAK,EAAY,EAAE,EAAE;IACvE,MAAM,EAAE,MAAM,EAAE,GAAG,iCAAiC,EAAE,CAAC;IAEvD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAErC,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,oBAAoB,EAAE,CAAC;YACzB,MAAM,IAAI,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,EAAE,KAAI,CAAC,CAAC;YACxC,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;gBACjD,OAAO,CAAC,EAAE,CAAC,CAAC;YACd,CAAC,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,KAAK,CACV,gFAAgF,CACjF,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,UAAU,IACT,cAAc,EAAE,GAAG,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,EAAE,EACtE,aAAa,EAAE,KAAC,cAAc,IAAC,SAAS,EAAC,eAAe,GAAG,EAC3D,WAAW,EACT,cACE,SAAS,EAAE,kDACT,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,sBAC1C,EAAE,YAEF,eACE,SAAS,EAAC,gEAAgE,EAC1E,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,aAEnC,aAAI,SAAS,EAAC,SAAS,yBAAc,EAErC,cAAK,SAAS,EAAC,wDAAwD,GAAG,EAE1E,eAAK,SAAS,EAAC,qDAAqD,aAClE,gBACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,YAAY,EACxB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACxC,QAAQ,QACR,SAAS,EAAC,iIAAiI,GAC3I,EAEF,iBAAQ,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,cAAc,YACnD,cAAK,SAAS,EAAC,4EAA4E,qBAErF,GACC,IACL,IACF,GACF,GAER,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -5,8 +5,9 @@ import { ClosedNoteIcon } from "../../images";
|
|
|
5
5
|
|
|
6
6
|
type Props<T> = {
|
|
7
7
|
handleSaveNoteAction?: (time: number, note: string) => Promise<T>;
|
|
8
|
+
width: number;
|
|
8
9
|
};
|
|
9
|
-
const CreateNoteMenu = <T,>({ handleSaveNoteAction }: Props<T>) => {
|
|
10
|
+
const CreateNoteMenu = <T,>({ handleSaveNoteAction, width }: Props<T>) => {
|
|
10
11
|
const { player } = useSoftBuildersVideoPlayerContext();
|
|
11
12
|
|
|
12
13
|
const [note, setNote] = useState("");
|
|
@@ -26,11 +27,16 @@ const CreateNoteMenu = <T,>({ handleSaveNoteAction }: Props<T>) => {
|
|
|
26
27
|
|
|
27
28
|
return (
|
|
28
29
|
<MenuButton
|
|
30
|
+
classContainer={`${width < 400 ? "!sb-top-8 -sb-left-[9.75rem]" : ""}`}
|
|
29
31
|
buttonContent={<ClosedNoteIcon className="sb-w-3 sb-h-3" />}
|
|
30
32
|
menuContent={
|
|
31
|
-
<div
|
|
33
|
+
<div
|
|
34
|
+
className={`sb-rounded-md sb-bg-[#303030] sb-bg-opacity-50 ${
|
|
35
|
+
width > 400 ? " sb-py-5 sb-w-[220px]" : "sb-py-1 sb-w-[150px]"
|
|
36
|
+
}`}
|
|
37
|
+
>
|
|
32
38
|
<div
|
|
33
|
-
className="sb-flex sb-flex-col sb-gap-3"
|
|
39
|
+
className="sb-flex sb-flex-col sb-gap-3 sb-items-center sb-justify-center"
|
|
34
40
|
onClick={(e) => e.stopPropagation()}
|
|
35
41
|
>
|
|
36
42
|
<h3 className="sb-px-5">Add Note</h3>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { useEffect, useState } from "react";
|
|
3
3
|
import MenuButton from "../MenuButton";
|
|
4
4
|
import { useSoftBuildersVideoPlayerContext } from "../VideoPlayerComponent/provider";
|
|
@@ -10,7 +10,7 @@ const QualityMenu = ({ width, onClick }) => {
|
|
|
10
10
|
const { player } = useSoftBuildersVideoPlayerContext();
|
|
11
11
|
const [closeMenuFunction, setCloseMenuFunction] = useState(undefined);
|
|
12
12
|
const [qualities, setQualities] = useState([]);
|
|
13
|
-
const [currentQualitySrc, setCurrentQualitySrc] = useState(
|
|
13
|
+
const [currentQualitySrc, setCurrentQualitySrc] = useState("Auto");
|
|
14
14
|
useEffect(() => {
|
|
15
15
|
if (player) {
|
|
16
16
|
const sources = player === null || player === void 0 ? void 0 : player.currentSources();
|
|
@@ -18,7 +18,7 @@ const QualityMenu = ({ width, onClick }) => {
|
|
|
18
18
|
setQualities(qs);
|
|
19
19
|
const source = player === null || player === void 0 ? void 0 : player.currentSource();
|
|
20
20
|
const quality = JSON.parse(JSON.stringify(source));
|
|
21
|
-
setCurrentQualitySrc(quality.
|
|
21
|
+
setCurrentQualitySrc(quality.label);
|
|
22
22
|
}
|
|
23
23
|
}, [player]);
|
|
24
24
|
return (_jsx(MenuButton, { classContainer: `${width < 400 ? "!sb-top-8 -sb-left-9" : ""}`, onClick: (e, isOpen) => {
|
|
@@ -30,16 +30,16 @@ const QualityMenu = ({ width, onClick }) => {
|
|
|
30
30
|
closeMenuFunction();
|
|
31
31
|
}
|
|
32
32
|
}, className: "hover:sb-scale-150", children: _jsx(LeftArrowIcon, { className: "sb-w-3 sb-h-3" }) }), _jsx("h3", { children: "Quality" })] }), _jsx("div", { className: "sb-w-full sb-h-[.1px] sb-bg-[#AAAAAA] sb-bg-opacity-70" }), _jsx("div", { className: "sb-px-5 sb-flex sb-flex-col sb-gap-3 sb-items-start ", children: qualities.map((q, i) => {
|
|
33
|
-
return (_jsx(QualityOption, { width: width, isSelected: currentQualitySrc === q.
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
33
|
+
return (_jsxs(_Fragment, { children: [console.log(currentQualitySrc, "1"), console.log(q, "2"), _jsx(QualityOption, { width: width, isSelected: currentQualitySrc === q.label, quality: q, onClick: () => {
|
|
34
|
+
const source = qualities.find((_q) => q.label == _q.label);
|
|
35
|
+
if (source && source.src != currentQualitySrc) {
|
|
36
|
+
player === null || player === void 0 ? void 0 : player.src(source.src);
|
|
37
|
+
const currentTime = player === null || player === void 0 ? void 0 : player.currentTime();
|
|
38
|
+
setCurrentQualitySrc(source.label);
|
|
39
|
+
player === null || player === void 0 ? void 0 : player.currentTime(currentTime);
|
|
40
|
+
player === null || player === void 0 ? void 0 : player.play();
|
|
41
|
+
}
|
|
42
|
+
} }, `quality-${q.label}-${i}`)] }));
|
|
43
43
|
}) })] }) }), close: (fn) => {
|
|
44
44
|
setCloseMenuFunction(() => fn);
|
|
45
45
|
} }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/QualityMenu/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAe,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,iCAAiC,EAAE,MAAM,kCAAkC,CAAC;AAGrF,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AASxE,MAAM,aAAa,GAAG,CAAC,EACrB,UAAU,EACV,OAAO,EACP,OAAO,EACP,KAAK,GACc,EAAE,EAAE;IACvB,OAAO,CACL,iBACE,SAAS,EAAE,4BACT,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAC3B,EAAE,EACF,OAAO,EAAE,OAAO,YAEhB,eAAK,SAAS,EAAC,kDAAkD,aAC/D,cAAK,SAAS,EAAC,eAAe,YAC3B,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,WAAW,IACV,SAAS,EAAE,GAAG,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,EAAE,GAC/D,CACH,CAAC,CAAC,CAAC,CACF,eAAW,CACZ,GACG,EAEN,YAAG,SAAS,EAAC,4BAA4B,YAAE,OAAO,CAAC,KAAK,GAAK,IACzD,GACC,CACV,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAoB,EAAE,EAAE;IAC3D,MAAM,EAAE,MAAM,EAAE,GAAG,iCAAiC,EAAE,CAAC;IAEvD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAExD,SAAS,CAAC,CAAC;IAEb,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CACxC,EAAE,CACH,CAAC;IAEF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAExD,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/QualityMenu/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -60,7 +60,7 @@ const QualityMenu = ({ width, onClick }: QualityMenuProps) => {
|
|
|
60
60
|
|
|
61
61
|
const [currentQualitySrc, setCurrentQualitySrc] = useState<
|
|
62
62
|
string | undefined
|
|
63
|
-
>(
|
|
63
|
+
>("Auto");
|
|
64
64
|
|
|
65
65
|
useEffect(() => {
|
|
66
66
|
if (player) {
|
|
@@ -77,7 +77,7 @@ const QualityMenu = ({ width, onClick }: QualityMenuProps) => {
|
|
|
77
77
|
JSON.stringify(source)
|
|
78
78
|
);
|
|
79
79
|
|
|
80
|
-
setCurrentQualitySrc(quality.
|
|
80
|
+
setCurrentQualitySrc(quality.label);
|
|
81
81
|
}
|
|
82
82
|
}, [player]);
|
|
83
83
|
|
|
@@ -118,24 +118,28 @@ const QualityMenu = ({ width, onClick }: QualityMenuProps) => {
|
|
|
118
118
|
<div className="sb-px-5 sb-flex sb-flex-col sb-gap-3 sb-items-start ">
|
|
119
119
|
{qualities.map((q, i) => {
|
|
120
120
|
return (
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
)
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
121
|
+
<>
|
|
122
|
+
{console.log(currentQualitySrc, "1")}
|
|
123
|
+
{console.log(q, "2")}
|
|
124
|
+
<QualityOption
|
|
125
|
+
width={width}
|
|
126
|
+
key={`quality-${q.label}-${i}`}
|
|
127
|
+
isSelected={currentQualitySrc === q.label}
|
|
128
|
+
quality={q}
|
|
129
|
+
onClick={() => {
|
|
130
|
+
const source = qualities.find(
|
|
131
|
+
(_q) => q.label == _q.label
|
|
132
|
+
);
|
|
133
|
+
if (source && source.src != currentQualitySrc) {
|
|
134
|
+
player?.src(source.src);
|
|
135
|
+
const currentTime = player?.currentTime();
|
|
136
|
+
setCurrentQualitySrc(source.label);
|
|
137
|
+
player?.currentTime(currentTime);
|
|
138
|
+
player?.play();
|
|
139
|
+
}
|
|
140
|
+
}}
|
|
141
|
+
/>
|
|
142
|
+
</>
|
|
139
143
|
);
|
|
140
144
|
})}
|
|
141
145
|
</div>
|
|
@@ -36,7 +36,7 @@ const SubtitleMenu = ({ width, onClick }) => {
|
|
|
36
36
|
onClick && onClick(e, isOpen);
|
|
37
37
|
}, classContainer: `${width < 400 ? "!sb-top-8 -sb-left-9" : ""}`, buttonContent: _jsx(SubIcon, { className: "sb-w-4 sb-h-4 sb-text-white " }), menuContent: _jsx("div", { className: `sb-rounded-md sb-bg-[#303030] sb-bg-opacity-50 ${width > 400
|
|
38
38
|
? "sb-w-[150px] sb-py-5"
|
|
39
|
-
: "sb-w-[90px] sb-items-center sb-justify-center sb-py-1"}`, children: _jsxs("div", { className: "sb-flex sb-flex-col sb-gap-3", children: [_jsxs("div", { className: "sb-px-5 sb-flex sb-flex-row sb-gap-3 sb-items-
|
|
39
|
+
: "sb-w-[90px] sb-items-center sb-justify-center sb-py-1"}`, children: _jsxs("div", { className: "sb-flex sb-flex-col sb-gap-3", children: [_jsxs("div", { className: "sb-px-5 sb-flex sb-flex-row sb-gap-3 sb-items-center sb-justify-center", children: [_jsx("button", { onClick: () => {
|
|
40
40
|
if (closeMenuFunction) {
|
|
41
41
|
closeMenuFunction();
|
|
42
42
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SubtitleMenu/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAe,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,iCAAiC,EAAE,MAAM,kCAAkC,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAOnE,MAAM,cAAc,GAAG,CAAC,EACtB,UAAU,EACV,QAAQ,EACR,OAAO,GACa,EAAE,EAAE;IACxB,OAAO,CACL,iBACE,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,CAAC,CAAM,EAAE,EAAE;YAClB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO,CAAC,CAAC,CAAC,CAAC;QACb,CAAC,YAED,eAAK,SAAS,EAAC,kDAAkD,aAC/D,cAAK,SAAS,EAAC,eAAe,YAC3B,UAAU,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,SAAS,EAAC,eAAe,GAAG,CAAC,CAAC,CAAC,eAAW,GACjE,EAEN,YAAG,SAAS,EAAC,4BAA4B,YAAE,QAAQ,CAAC,KAAK,GAAK,IAC1D,GACC,CACV,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAqB,EAAE,EAAE;IAC7D,MAAM,EAAE,MAAM,EAAE,GAAG,iCAAiC,EAAE,CAAC;IAEvD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAExD,SAAS,CAAC,CAAC;IAEb,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAc,EAAE,CAAC,CAAC;IAE5D,MAAM,oBAAoB,GAAG,CAAC,SAAoB,EAAE,EAAE;QACpD,MAAM,YAAY,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YACvC,IAAI,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,KAAK,EAAE,CAAC;gBAChC,CAAC,CAAC,IAAI,GAAG,SAAS,CAAC;YACrB,CAAC;iBAAM,CAAC;gBACN,CAAC,CAAC,IAAI,GAAG,UAAU,CAAC;YACtB,CAAC;YACD,OAAO,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;QAEH,YAAY,CAAC,YAAY,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;;QACb,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,UAAU,GAAgB,MAAC,MAAc,CAAC,UAAU,EAAE,0CAAE,OAAO,CAAC;YAEtE,YAAY,CAAC,UAAU,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,KAAC,UAAU,IACT,OAAO,EAAE,CAAC,CAAM,EAAE,MAAe,EAAE,EAAE;YACnC,OAAO,IAAI,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;QAChC,CAAC,EACD,cAAc,EAAE,GAAG,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9D,aAAa,EAAE,KAAC,OAAO,IAAC,SAAS,EAAC,8BAA8B,GAAG,EACnE,WAAW,EACT,cACE,SAAS,EAAE,kDACT,KAAK,GAAG,GAAG;gBACT,CAAC,CAAC,sBAAsB;gBACxB,CAAC,CAAC,uDACN,EAAE,YAEF,eAAK,SAAS,EAAC,8BAA8B,aAC3C,eAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SubtitleMenu/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -83,7 +83,7 @@ const SubtitleMenu = ({ width, onClick }: SubtitleMenuProps) => {
|
|
|
83
83
|
}`}
|
|
84
84
|
>
|
|
85
85
|
<div className="sb-flex sb-flex-col sb-gap-3">
|
|
86
|
-
<div className="sb-px-5 sb-flex sb-flex-row sb-gap-3 sb-items-
|
|
86
|
+
<div className="sb-px-5 sb-flex sb-flex-row sb-gap-3 sb-items-center sb-justify-center">
|
|
87
87
|
<button
|
|
88
88
|
onClick={() => {
|
|
89
89
|
if (closeMenuFunction) {
|
package/dist/index.css
CHANGED
|
@@ -434,6 +434,9 @@ video {
|
|
|
434
434
|
.-sb-left-9 {
|
|
435
435
|
left: -2.25rem;
|
|
436
436
|
}
|
|
437
|
+
.-sb-left-\[9\.75rem\] {
|
|
438
|
+
left: -9.75rem;
|
|
439
|
+
}
|
|
437
440
|
.-sb-top-1 {
|
|
438
441
|
top: -0.25rem;
|
|
439
442
|
}
|
|
@@ -479,6 +482,9 @@ video {
|
|
|
479
482
|
.sb-col-span-9 {
|
|
480
483
|
grid-column: span 9 / span 9;
|
|
481
484
|
}
|
|
485
|
+
.sb-mb-1 {
|
|
486
|
+
margin-bottom: 0.25rem;
|
|
487
|
+
}
|
|
482
488
|
.sb-mb-2 {
|
|
483
489
|
margin-bottom: 0.5rem;
|
|
484
490
|
}
|
|
@@ -713,9 +719,9 @@ video {
|
|
|
713
719
|
.sb-p-2 {
|
|
714
720
|
padding: 0.5rem;
|
|
715
721
|
}
|
|
716
|
-
|
|
717
|
-
padding-left:
|
|
718
|
-
padding-right:
|
|
722
|
+
.\!sb-px-4 {
|
|
723
|
+
padding-left: 1rem !important;
|
|
724
|
+
padding-right: 1rem !important;
|
|
719
725
|
}
|
|
720
726
|
.sb-px-4 {
|
|
721
727
|
padding-left: 1rem;
|
package/dist/index.mjs
CHANGED
|
@@ -660,7 +660,7 @@ var MenuButton = ({
|
|
|
660
660
|
var MenuButton_default = MenuButton;
|
|
661
661
|
|
|
662
662
|
// src/components/QualityMenu/index.tsx
|
|
663
|
-
import { jsx as jsx21, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
663
|
+
import { Fragment, jsx as jsx21, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
664
664
|
var QualityOption = ({
|
|
665
665
|
isSelected,
|
|
666
666
|
quality,
|
|
@@ -690,7 +690,7 @@ var QualityMenu = ({ width, onClick }) => {
|
|
|
690
690
|
const [qualities, setQualities] = useState4(
|
|
691
691
|
[]
|
|
692
692
|
);
|
|
693
|
-
const [currentQualitySrc, setCurrentQualitySrc] = useState4(
|
|
693
|
+
const [currentQualitySrc, setCurrentQualitySrc] = useState4("Auto");
|
|
694
694
|
useEffect4(() => {
|
|
695
695
|
if (player) {
|
|
696
696
|
const sources = player == null ? void 0 : player.currentSources();
|
|
@@ -702,7 +702,7 @@ var QualityMenu = ({ width, onClick }) => {
|
|
|
702
702
|
const quality = JSON.parse(
|
|
703
703
|
JSON.stringify(source)
|
|
704
704
|
);
|
|
705
|
-
setCurrentQualitySrc(quality.
|
|
705
|
+
setCurrentQualitySrc(quality.label);
|
|
706
706
|
}
|
|
707
707
|
}, [player]);
|
|
708
708
|
return /* @__PURE__ */ jsx21(
|
|
@@ -741,27 +741,31 @@ var QualityMenu = ({ width, onClick }) => {
|
|
|
741
741
|
),
|
|
742
742
|
/* @__PURE__ */ jsx21("div", { className: "sb-w-full sb-h-[.1px] sb-bg-[#AAAAAA] sb-bg-opacity-70" }),
|
|
743
743
|
/* @__PURE__ */ jsx21("div", { className: "sb-px-5 sb-flex sb-flex-col sb-gap-3 sb-items-start ", children: qualities.map((q, i) => {
|
|
744
|
-
return /* @__PURE__ */
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
)
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
744
|
+
return /* @__PURE__ */ jsxs6(Fragment, { children: [
|
|
745
|
+
console.log(currentQualitySrc, "1"),
|
|
746
|
+
console.log(q, "2"),
|
|
747
|
+
/* @__PURE__ */ jsx21(
|
|
748
|
+
QualityOption,
|
|
749
|
+
{
|
|
750
|
+
width,
|
|
751
|
+
isSelected: currentQualitySrc === q.label,
|
|
752
|
+
quality: q,
|
|
753
|
+
onClick: () => {
|
|
754
|
+
const source = qualities.find(
|
|
755
|
+
(_q) => q.label == _q.label
|
|
756
|
+
);
|
|
757
|
+
if (source && source.src != currentQualitySrc) {
|
|
758
|
+
player == null ? void 0 : player.src(source.src);
|
|
759
|
+
const currentTime = player == null ? void 0 : player.currentTime();
|
|
760
|
+
setCurrentQualitySrc(source.label);
|
|
761
|
+
player == null ? void 0 : player.currentTime(currentTime);
|
|
762
|
+
player == null ? void 0 : player.play();
|
|
763
|
+
}
|
|
760
764
|
}
|
|
761
|
-
}
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
);
|
|
765
|
+
},
|
|
766
|
+
`quality-${q.label}-${i}`
|
|
767
|
+
)
|
|
768
|
+
] });
|
|
765
769
|
}) })
|
|
766
770
|
] })
|
|
767
771
|
}
|
|
@@ -777,7 +781,7 @@ var QualityMenu_default = QualityMenu;
|
|
|
777
781
|
// src/components/CreateNoteMenu/index.tsx
|
|
778
782
|
import { useState as useState5 } from "react";
|
|
779
783
|
import { jsx as jsx22, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
780
|
-
var CreateNoteMenu = ({ handleSaveNoteAction }) => {
|
|
784
|
+
var CreateNoteMenu = ({ handleSaveNoteAction, width }) => {
|
|
781
785
|
const { player } = useSoftBuildersVideoPlayerContext();
|
|
782
786
|
const [note, setNote] = useState5("");
|
|
783
787
|
const handleSaveNote = () => {
|
|
@@ -795,34 +799,41 @@ var CreateNoteMenu = ({ handleSaveNoteAction }) => {
|
|
|
795
799
|
return /* @__PURE__ */ jsx22(
|
|
796
800
|
MenuButton_default,
|
|
797
801
|
{
|
|
802
|
+
classContainer: `${width < 400 ? "!sb-top-8 -sb-left-[9.75rem]" : ""}`,
|
|
798
803
|
buttonContent: /* @__PURE__ */ jsx22(ClosedNoteIcon_default, { className: "sb-w-3 sb-h-3" }),
|
|
799
|
-
menuContent: /* @__PURE__ */ jsx22(
|
|
804
|
+
menuContent: /* @__PURE__ */ jsx22(
|
|
800
805
|
"div",
|
|
801
806
|
{
|
|
802
|
-
className: "sb-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
"
|
|
810
|
-
{
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
807
|
+
className: `sb-rounded-md sb-bg-[#303030] sb-bg-opacity-50 ${width > 400 ? " sb-py-5 sb-w-[220px]" : "sb-py-1 sb-w-[150px]"}`,
|
|
808
|
+
children: /* @__PURE__ */ jsxs7(
|
|
809
|
+
"div",
|
|
810
|
+
{
|
|
811
|
+
className: "sb-flex sb-flex-col sb-gap-3 sb-items-center sb-justify-center",
|
|
812
|
+
onClick: (e) => e.stopPropagation(),
|
|
813
|
+
children: [
|
|
814
|
+
/* @__PURE__ */ jsx22("h3", { className: "sb-px-5", children: "Add Note" }),
|
|
815
|
+
/* @__PURE__ */ jsx22("div", { className: "sb-w-full sb-h-[.1px] sb-bg-[#AAAAAA] sb-bg-opacity-70" }),
|
|
816
|
+
/* @__PURE__ */ jsxs7("div", { className: "sb-px-5 sb-flex sb-flex-col sb-gap-4 sb-items-start", children: [
|
|
817
|
+
/* @__PURE__ */ jsx22(
|
|
818
|
+
"input",
|
|
819
|
+
{
|
|
820
|
+
onClick: (e) => e.stopPropagation(),
|
|
821
|
+
name: "note",
|
|
822
|
+
type: "text",
|
|
823
|
+
placeholder: "Add a note",
|
|
824
|
+
value: note,
|
|
825
|
+
onChange: (e) => setNote(e.target.value),
|
|
826
|
+
required: true,
|
|
827
|
+
className: "sb-text-white placeholder:sb-text-white sb-w-full sb-bg-transparent sb-px-4 sb-py-3 sb-border sb-border-[#AAAAAA] sb-rounded-md"
|
|
828
|
+
}
|
|
829
|
+
),
|
|
830
|
+
/* @__PURE__ */ jsx22("button", { className: "sb-w-full", onClick: handleSaveNote, children: /* @__PURE__ */ jsx22("div", { className: "sb-px-4 sb-py-3 sb-text-center sb-font-bold sb-bg-orange-500 sb-rounded-md", children: "Save" }) })
|
|
831
|
+
] })
|
|
832
|
+
]
|
|
833
|
+
}
|
|
834
|
+
)
|
|
824
835
|
}
|
|
825
|
-
)
|
|
836
|
+
)
|
|
826
837
|
}
|
|
827
838
|
);
|
|
828
839
|
};
|
|
@@ -1074,7 +1085,7 @@ var TimeSliderContainer_default = TimeSliderContainer;
|
|
|
1074
1085
|
|
|
1075
1086
|
// src/components/BufferTracker/index.tsx
|
|
1076
1087
|
import { useEffect as useEffect10 } from "react";
|
|
1077
|
-
import { Fragment, jsx as jsx30 } from "react/jsx-runtime";
|
|
1088
|
+
import { Fragment as Fragment2, jsx as jsx30 } from "react/jsx-runtime";
|
|
1078
1089
|
var BufferTracker = () => {
|
|
1079
1090
|
const { player, setDownloadedBufferTimeufferTime } = useSoftBuildersVideoPlayerContext();
|
|
1080
1091
|
useEffect10(() => {
|
|
@@ -1083,13 +1094,13 @@ var BufferTracker = () => {
|
|
|
1083
1094
|
}, 1e3);
|
|
1084
1095
|
return () => clearInterval(intervalId);
|
|
1085
1096
|
}, [player]);
|
|
1086
|
-
return /* @__PURE__ */ jsx30(
|
|
1097
|
+
return /* @__PURE__ */ jsx30(Fragment2, {});
|
|
1087
1098
|
};
|
|
1088
1099
|
var BufferTracker_default = BufferTracker;
|
|
1089
1100
|
|
|
1090
1101
|
// src/components/CurrentTimeTracker/index.tsx
|
|
1091
1102
|
import { useEffect as useEffect11 } from "react";
|
|
1092
|
-
import { Fragment as
|
|
1103
|
+
import { Fragment as Fragment3, jsx as jsx31 } from "react/jsx-runtime";
|
|
1093
1104
|
var CurrentTimeTracker = () => {
|
|
1094
1105
|
const { setCurrentTime, player } = useSoftBuildersVideoPlayerContext();
|
|
1095
1106
|
useEffect11(() => {
|
|
@@ -1098,7 +1109,7 @@ var CurrentTimeTracker = () => {
|
|
|
1098
1109
|
}, 500);
|
|
1099
1110
|
return () => clearInterval(intervalId);
|
|
1100
1111
|
}, [player]);
|
|
1101
|
-
return /* @__PURE__ */ jsx31(
|
|
1112
|
+
return /* @__PURE__ */ jsx31(Fragment3, {});
|
|
1102
1113
|
};
|
|
1103
1114
|
var CurrentTimeTracker_default = CurrentTimeTracker;
|
|
1104
1115
|
|
|
@@ -1160,7 +1171,7 @@ var SubtitleMenu = ({ width, onClick }) => {
|
|
|
1160
1171
|
{
|
|
1161
1172
|
className: `sb-rounded-md sb-bg-[#303030] sb-bg-opacity-50 ${width > 400 ? "sb-w-[150px] sb-py-5" : "sb-w-[90px] sb-items-center sb-justify-center sb-py-1"}`,
|
|
1162
1173
|
children: /* @__PURE__ */ jsxs12("div", { className: "sb-flex sb-flex-col sb-gap-3", children: [
|
|
1163
|
-
/* @__PURE__ */ jsxs12("div", { className: "sb-px-5 sb-flex sb-flex-row sb-gap-3 sb-items-
|
|
1174
|
+
/* @__PURE__ */ jsxs12("div", { className: "sb-px-5 sb-flex sb-flex-row sb-gap-3 sb-items-center sb-justify-center", children: [
|
|
1164
1175
|
/* @__PURE__ */ jsx32(
|
|
1165
1176
|
"button",
|
|
1166
1177
|
{
|
|
@@ -1251,7 +1262,7 @@ var ControlBar = ({
|
|
|
1251
1262
|
return /* @__PURE__ */ jsxs13(
|
|
1252
1263
|
"div",
|
|
1253
1264
|
{
|
|
1254
|
-
className: ` sb-px-
|
|
1265
|
+
className: ` !sb-px-4 sb-flex sb-pt-2 sb-justify-center sb-gap-3 sb-w-full sb-h-full ${width > 400 ? "sb-items-end sb-mb-1 " : "sb-items-start"} sb-pb-2`,
|
|
1255
1266
|
children: [
|
|
1256
1267
|
/* @__PURE__ */ jsx33(BufferTracker_default, {}),
|
|
1257
1268
|
/* @__PURE__ */ jsx33(CurrentTimeTracker_default, {}),
|
|
@@ -1288,7 +1299,7 @@ var ControlBar = ({
|
|
|
1288
1299
|
width: `${width * 0.9}px`,
|
|
1289
1300
|
left: "5%",
|
|
1290
1301
|
top: "90%"
|
|
1291
|
-
} : { width: "
|
|
1302
|
+
} : { width: "98%" },
|
|
1292
1303
|
className: `flex gap-2 ${width < 400 ? "absolute sb-top-1" : "-sb-translate-y-0 sb-w-full"} hover:sb-w-[45%] sb-transition-all sb-ease-in-out sb-duration-500`,
|
|
1293
1304
|
children: [
|
|
1294
1305
|
/* @__PURE__ */ jsx33(CurrentTimeLabel_default, {}),
|
|
@@ -1318,7 +1329,13 @@ var ControlBar = ({
|
|
|
1318
1329
|
}
|
|
1319
1330
|
}
|
|
1320
1331
|
),
|
|
1321
|
-
/* @__PURE__ */ jsx33(
|
|
1332
|
+
/* @__PURE__ */ jsx33(
|
|
1333
|
+
CreateNoteMenu_default,
|
|
1334
|
+
{
|
|
1335
|
+
handleSaveNoteAction,
|
|
1336
|
+
width
|
|
1337
|
+
}
|
|
1338
|
+
),
|
|
1322
1339
|
/* @__PURE__ */ jsx33(
|
|
1323
1340
|
SubtitleMenu_default,
|
|
1324
1341
|
{
|
package/dist/styles/tailwind.css
CHANGED
|
@@ -523,6 +523,9 @@ video {
|
|
|
523
523
|
.-sb-left-9 {
|
|
524
524
|
left: -2.25rem;
|
|
525
525
|
}
|
|
526
|
+
.-sb-left-\[9\.75rem\] {
|
|
527
|
+
left: -9.75rem;
|
|
528
|
+
}
|
|
526
529
|
.-sb-top-1 {
|
|
527
530
|
top: -0.25rem;
|
|
528
531
|
}
|
|
@@ -568,6 +571,9 @@ video {
|
|
|
568
571
|
.sb-col-span-9 {
|
|
569
572
|
grid-column: span 9 / span 9;
|
|
570
573
|
}
|
|
574
|
+
.sb-mb-1 {
|
|
575
|
+
margin-bottom: 0.25rem;
|
|
576
|
+
}
|
|
571
577
|
.sb-mb-2 {
|
|
572
578
|
margin-bottom: 0.5rem;
|
|
573
579
|
}
|
|
@@ -802,9 +808,9 @@ video {
|
|
|
802
808
|
.sb-p-2 {
|
|
803
809
|
padding: 0.5rem;
|
|
804
810
|
}
|
|
805
|
-
|
|
806
|
-
padding-left:
|
|
807
|
-
padding-right:
|
|
811
|
+
.\!sb-px-4 {
|
|
812
|
+
padding-left: 1rem !important;
|
|
813
|
+
padding-right: 1rem !important;
|
|
808
814
|
}
|
|
809
815
|
.sb-px-4 {
|
|
810
816
|
padding-left: 1rem;
|