2023-01-19 19:19:06 +02:00
|
|
|
'use strict';
|
2019-09-11 01:53:01 +02:00
|
|
|
const { createSelector } = require('reselect');
|
2020-11-07 17:59:37 +02:00
|
|
|
const { themeStyle } = require('@joplin/lib/theme');
|
2020-09-15 15:01:07 +02:00
|
|
|
const themeSelector = (state, props) => themeStyle(props.themeId);
|
2023-01-19 19:19:06 +02:00
|
|
|
const style = createSelector(themeSelector, (theme) => {
|
|
|
|
const output = {
|
|
|
|
root: {
|
|
|
|
width: 220,
|
|
|
|
height: 60,
|
|
|
|
borderRadius: 4,
|
|
|
|
border: '1px solid',
|
|
|
|
borderColor: theme.dividerColor,
|
|
|
|
backgroundColor: theme.backgroundColor,
|
|
|
|
paddingLeft: 14,
|
|
|
|
paddingRight: 14,
|
|
|
|
paddingTop: 8,
|
|
|
|
paddingBottom: 8,
|
|
|
|
boxSizing: 'border-box',
|
|
|
|
display: 'flex',
|
|
|
|
flexDirection: 'row',
|
|
|
|
boxShadow: '0px 1px 1px rgba(0,0,0,0.3)',
|
|
|
|
},
|
|
|
|
logo: {
|
|
|
|
width: 42,
|
|
|
|
height: 42,
|
|
|
|
},
|
|
|
|
labelGroup: {
|
|
|
|
display: 'flex',
|
|
|
|
flexDirection: 'column',
|
|
|
|
justifyContent: 'center',
|
|
|
|
marginLeft: 14,
|
|
|
|
fontFamily: theme.fontFamily,
|
|
|
|
color: theme.color,
|
|
|
|
fontSize: theme.fontSize,
|
|
|
|
},
|
|
|
|
locationLabel: {
|
|
|
|
fontSize: theme.fontSize * 1.2,
|
|
|
|
fontWeight: 'bold',
|
|
|
|
},
|
|
|
|
};
|
|
|
|
return output;
|
|
|
|
});
|
2019-09-11 01:53:01 +02:00
|
|
|
module.exports = style;
|
2023-01-19 19:19:06 +02:00
|
|
|
// # sourceMappingURL=ExtensionBadge.js.map
|