Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

move interface language select bellow subscription buttons

Browse source
This commit is contained in:
nklhrstv 2020-02-11 23:15:57 +02:00
parent cc97a79fa3
commit a49b8b3211
2 changed files with 26 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/routes/Settings/Settings.js
View file

@ -118,7 +118,14 @@ const Settings = () => {
<Button className={classnames(styles['side-menu-button'], { [styles['selected']]: selectedSectionId === STREAMING_SECTION })} data-section={STREAMING_SECTION} onClick={sideMenuButtonOnClick}>
Streaming server
</Button>
{process.env.version}
<div className={styles['spacing']} />
<div className={styles['version-info-label']}>App Version: {process.env.version}</div>
{
streaminServer.type === 'Ready' ?
<div className={styles['version-info-label']}>Server Version: {streaminServer.settings.serverVersion}</div>
:
null
}
</div>
<div ref={sectionsContainerRef} className={styles['sections-container']} onScroll={sectionsContainerOnScorll}>
<div ref={generalSectionRef} className={styles['section-container']}>
@ -170,15 +177,6 @@ const Settings = () => {
<div className={styles['label']}>Addons</div>
</Button>
</div>
<div className={styles['option-container']}>
<div className={styles['option-name-container']}>
<div className={styles['label']}>Interface language</div>
</div>
<Multiselect
className={classnames(styles['option-input-container'], styles['multiselect-container'])}
{...interfaceLanguageSelect}
/>
</div>
<div className={styles['option-container']}>
<div className={styles['option-name-container']}>
<div className={styles['label']}>Trakt Scrobbling</div>
@ -206,6 +204,15 @@ const Settings = () => {
<div className={styles['label']}>Subscribe</div>
</Button>
</div>
<div className={styles['option-container']}>
<div className={styles['option-name-container']}>
<div className={styles['label']}>Interface language</div>
</div>
<Multiselect
className={classnames(styles['option-input-container'], styles['multiselect-container'])}
{...interfaceLanguageSelect}
/>
</div>
<div className={styles['option-container']}>
<Button className={classnames(styles['option-input-container'], styles['link-container'])} title={'Export user data'} onClick={exportDataOnClick}>
<div className={styles['label']}>Export user data</div>

9
src/routes/Settings/styles.less
View file

@ -49,6 +49,15 @@
background-color: var(--color-surface20);
}
}
.spacing {
flex: 1;
}
.version-info-label {
margin: 0.5rem 0;
color: var(--color-surfacelight);
}
}
.sections-container {