cpvalente/ontime
1
0
Fork 0
mirror of https://github.com/cpvalente/ontime.git synced 2026-08-14 20:03:52 +00:00
Code Issues Packages Projects Releases 10 Wiki Activity

Feat/mac (#109)

Browse Source 
* chore: upgrade dependencies
* feat/mac: draft pipeline
* feat/mac: use public folder for transient files
* feat/mac: set app fullscreen
* feat/mac: cmd + , toggles menu
* feat/mac: update readme
* refact: easier login process
* refact prevent style issues with safari
* refact reduce css download
* style: cleanup paginator design
* style: studio clock is responsive
* style: fix spacing style issues with safari
This commit is contained in:
Carlos Valente
2022-04-17 20:30:39 +02:00
committed by GitHub
parent 20d3ddbc18
commit db0eee3b9c
140 changed files with 10160 additions and 2139 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/features/viewers/studio/StudioClock.jsx
+6 -6
View File
@@ -18,7 +18,7 @@ export default function StudioClock(props) {
const activeIndicators = [...Array(12).keys()];
const secondsIndicators = [...Array(60).keys()];
const MAX_TITLES = 8;
const MAX_TITLES = 10;
// Set window title
useEffect(() => {
@@ -45,7 +45,7 @@ export default function StudioClock(props) {
<div
ref={ref}
className={style.nextTitle}
style={{ fontSize, height: '100px', width: '100%', maxWidth: '680px' }}
style={{ fontSize, height: '10vh', width: '100%', maxWidth: '82%' }}
>
{title.titleNext}
</div>
@@ -58,7 +58,7 @@ export default function StudioClock(props) {
key={i}
className={style.hours__active}
style={{
transform: `rotate(${(360 / 12) * i - 90}deg) translateX(380px)`,
transform: `rotate(${(360 / 12) * i - 90}deg) translateX(40vh)`,
}}
/>
))}
@@ -67,7 +67,7 @@ export default function StudioClock(props) {
key={i}
className={i <= secondsNow ? style.min__active : style.min}
style={{
transform: `rotate(${(360 / 60) * i - 90}deg) translateX(415px)`,
transform: `rotate(${(360 / 60) * i - 90}deg) translateX(43vh)`,
}}
/>
))}
@@ -94,8 +94,8 @@ export default function StudioClock(props) {
}
StudioClock.propTypes = {
title: PropTypes.string,
time: PropTypes.number,
title: PropTypes.object,
time: PropTypes.object,
backstageEvents: PropTypes.array,
selectedId: PropTypes.string,
nextId: PropTypes.string,