* Fixed an issue that would cause the scroll direction to be inverted on secondary monitors. * Update import paths and tsconfig.
28 lines
977 B
TypeScript
28 lines
977 B
TypeScript
import { bind } from 'astal';
|
|
import DropdownMenu from '../shared/dropdown/index.js';
|
|
import options from 'src/options.js';
|
|
import { MediaContainer } from './components/MediaContainer.js';
|
|
import { MediaInfo } from './components/title/index.js';
|
|
import { MediaControls } from './components/controls/index.js';
|
|
import { MediaSlider } from './components/timebar/index.js';
|
|
import { MediaTimeStamp } from './components/timelabel/index.js';
|
|
import { RevealerTransitionMap } from 'src/lib/constants/options.js';
|
|
|
|
const { transition } = options.menus;
|
|
|
|
export default (): JSX.Element => {
|
|
return (
|
|
<DropdownMenu
|
|
name="mediamenu"
|
|
transition={bind(transition).as((transition) => RevealerTransitionMap[transition])}
|
|
>
|
|
<MediaContainer>
|
|
<MediaInfo />
|
|
<MediaControls />
|
|
<MediaSlider />
|
|
<MediaTimeStamp />
|
|
</MediaContainer>
|
|
</DropdownMenu>
|
|
);
|
|
};
|