smueller/youtube-music
1
0
Fork 0
mirror of https://github.com/th-ch/youtube-music.git synced 2026-01-18 05:32:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add Material UI 3 component library (#3606)

Browse Source 
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: JellyBrick <shlee1503@naver.com>
This commit is contained in:
Angelos Bouklis
2025-10-11 00:11:38 +03:00
committed by GitHub
parent cbc0077690
commit 9b8daac28c
13 changed files with 890 additions and 242 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/plugins/navigation/index.tsx
View File

@ -5,8 +5,8 @@ import { createPlugin } from '@/utils';
import { t } from '@/i18n';
import { ForwardButton } from './components/forward-button';
import { BackButton } from './components/back-button';
import '@mdui/icons/chevron-left.js';
import '@mdui/icons/chevron-right.js';
export default createPlugin({
name: () => t('plugins.navigation.name'),
@ -15,7 +15,6 @@ export default createPlugin({
config: {
enabled: true,
},
stylesheets: [style],
renderer: {
buttonContainer: document.createElement('div'),
start() {
@ -26,14 +25,24 @@ export default createPlugin({
render(
() => (
<>
<BackButton
onClick={() => history.back()}
title={t('plugins.navigation.templates.back.title')}
/>
<ForwardButton
onClick={() => history.forward()}
title={t('plugins.navigation.templates.forward.title')}
/>
<mdui-tooltip
content={t('plugins.navigation.templates.back.title')}
>
<mdui-button-icon onClick={() => history.back()}>
<mdui-icon-chevron-left
style={{ padding: '5px', scale: '1.5' }}
/>
</mdui-button-icon>
</mdui-tooltip>
<mdui-tooltip
content={t('plugins.navigation.templates.forward.title')}
>
<mdui-button-icon onClick={() => history.forward()}>
<mdui-icon-chevron-right
style={{ padding: '5px', scale: '1.5' }}
/>
</mdui-button-icon>
</mdui-tooltip>
</>
),
this.buttonContainer,