Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commitfc39713

Browse files
committed
improve menu item styles
1 parent70bd389 commitfc39713

File tree

4 files changed

+22
-2
lines changed

4 files changed

+22
-2
lines changed

‎lib/components/AppMenu/MenuLink/index.js

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,14 +17,18 @@ var React = require('react');
1717
varreact_redux_1=require('react-redux');
1818
varMenuItem_1=require('material-ui/MenuItem');
1919
varactions_1=require('../../../actions');
20+
varstyles={
21+
textAlign:'center',
22+
padding:'10px 5px',
23+
};
2024
varMenuLink=(function(_super){
2125
__extends(MenuLink,_super);
2226
functionMenuLink(){
2327
_super.apply(this,arguments);
2428
}
2529
MenuLink.prototype.render=function(){
2630
var_a=this.props,route=_a.route,title=_a.title,routeTo=_a.routeTo;
27-
return(React.createElement(MenuItem_1.default,{primaryText:title ?title :route,onTouchTap:routeTo.bind(this,route),key:route}));
31+
return(React.createElement(MenuItem_1.default,{style:styles,primaryText:title ?title :route,onTouchTap:routeTo.bind(this,route),key:route}));
2832
};
2933
MenuLink=__decorate([
3034
react_redux_1.connect(null,function(dispatch){

‎lib/components/AppMenu/Quit/index.js

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,13 +18,17 @@ var react_redux_1 = require('react-redux');
1818
varmount_1=require('../../mount');
1919
varsubscriptions_1=require('../../../atom/subscriptions');
2020
varMenuItem_1=require('material-ui/MenuItem');
21+
varstyles={
22+
textAlign:'center',
23+
padding:'10px 5px',
24+
};
2125
varQuit=(function(_super){
2226
__extends(Quit,_super);
2327
functionQuit(){
2428
_super.apply(this,arguments);
2529
}
2630
Quit.prototype.render=function(){
27-
return(React.createElement(MenuItem_1.default,{key:'quit',onClick:this.props.quit},"quit"));
31+
return(React.createElement(MenuItem_1.default,{style:styles,key:'quit',onClick:this.props.quit},"quit"));
2832
};
2933
Quit=__decorate([
3034
react_redux_1.connect(null,function(dispatch){

‎src/components/AppMenu/MenuLink/index.tsx

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,11 @@ import {connect} from 'react-redux';
33
importMenuItemfrom'material-ui/MenuItem';
44
import{pageSet,routeSet}from'../../../actions';
55

6+
conststyles={
7+
textAlign:'center',
8+
padding:'10px 5px',
9+
};
10+
611
@connect(null,(dispatch)=>{
712
return{
813
routeTo:(route:string)=>dispatch(routeSet(route)),
@@ -15,6 +20,7 @@ export class MenuLink extends React.Component<{
1520
const{route, title, routeTo}=this.props;
1621
return(
1722
<MenuItem
23+
style={styles}
1824
primaryText={title ?title :route}
1925
onTouchTap={routeTo.bind(this,route)}
2026
key={route}

‎src/components/AppMenu/Quit/index.tsx

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,11 @@ import {togglePanel} from '../../mount';
44
import{onDeactivate}from'../../../atom/subscriptions';
55
importMenuItemfrom'material-ui/MenuItem';
66

7+
conststyles={
8+
textAlign:'center',
9+
padding:'10px 5px',
10+
};
11+
712
@connect(null,(dispatch)=>{
813
return{
914
quit:()=>{
@@ -18,6 +23,7 @@ export class Quit extends React.Component<{
1823
render(){
1924
return(
2025
<MenuItem
26+
style={styles}
2127
key='quit'
2228
onClick={this.props.quit}
2329
>

0 commit comments

Comments
 (0)

[8]ページ先頭

©2009-2025 Movatter.jp