adjust color and padding per my phone

This commit is contained in:
open-trade 2020-11-27 02:14:27 +08:00
parent f8903877e2
commit 00358b456d
2 changed files with 7 additions and 6 deletions

View File

@ -9,6 +9,7 @@ class MyTheme {
static const Color white = Color(0xFFFFFFFF); static const Color white = Color(0xFFFFFFFF);
static const Color accent = Color(0xFF0071FF); static const Color accent = Color(0xFF0071FF);
static const Color accent50 = Color(0x770071FF); static const Color accent50 = Color(0x770071FF);
static const Color accent80 = Color(0xAA0071FF);
static const Color canvasColor = Color(0xFF212121); static const Color canvasColor = Color(0xFF212121);
static const Color border = Color(0xFFCCCCCC); static const Color border = Color(0xFFCCCCCC);
} }

View File

@ -278,7 +278,7 @@ class _RemotePageState extends State<RemotePage> {
(String text, void Function() onPressed, [bool active, IconData icon]) { (String text, void Function() onPressed, [bool active, IconData icon]) {
return ButtonTheme( return ButtonTheme(
padding: EdgeInsets.symmetric( padding: EdgeInsets.symmetric(
vertical: 6, horizontal: 12), //adds padding inside the button vertical: 6, horizontal: 11), //adds padding inside the button
materialTapTargetSize: MaterialTapTargetSize materialTapTargetSize: MaterialTapTargetSize
.shrinkWrap, //limits the touch area to the button area .shrinkWrap, //limits the touch area to the button area
minWidth: 0, //wraps child's width minWidth: 0, //wraps child's width
@ -288,7 +288,7 @@ class _RemotePageState extends State<RemotePage> {
shape: RoundedRectangleBorder( shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(5.0), borderRadius: BorderRadius.circular(5.0),
), ),
color: active == true ? MyTheme.accent50 : null, color: active == true ? MyTheme.accent80 : null,
child: icon != null child: icon != null
? Icon(icon, color: Colors.white) ? Icon(icon, color: Colors.white)
: Text(text, : Text(text,
@ -334,7 +334,7 @@ class _RemotePageState extends State<RemotePage> {
wrap('Shift', () { wrap('Shift', () {
setState(() => FFI.shift = !FFI.shift); setState(() => FFI.shift = !FFI.shift);
}, FFI.shift), }, FFI.shift),
wrap('Command', () { wrap('Cmd', () {
setState(() => FFI.command = !FFI.command); setState(() => FFI.command = !FFI.command);
}, FFI.command), }, FFI.command),
]; ];
@ -364,7 +364,7 @@ class _RemotePageState extends State<RemotePage> {
), ),
_fn), _fn),
wrap( wrap(
'More', '...',
() => setState( () => setState(
() { () {
_more = !_more; _more = !_more;
@ -417,7 +417,7 @@ class _RemotePageState extends State<RemotePage> {
wrap('Del', () { wrap('Del', () {
FFI.inputKey('VK_DELETE'); FFI.inputKey('VK_DELETE');
}), }),
wrap('PeUp', () { wrap('PgUp', () {
FFI.inputKey('VK_PRIOR'); FFI.inputKey('VK_PRIOR');
}), }),
wrap('PgDown', () { wrap('PgDown', () {
@ -425,7 +425,7 @@ class _RemotePageState extends State<RemotePage> {
}), }),
]; ];
return Container( return Container(
color: Color(0x77000000), color: Color(0xAA000000),
padding: EdgeInsets.only( padding: EdgeInsets.only(
top: keyboard ? 24 : 4, left: 8, right: 8, bottom: 8), top: keyboard ? 24 : 4, left: 8, right: 8, bottom: 8),
child: Wrap( child: Wrap(