fix ab style

This commit is contained in:
rustdesk 2023-06-21 19:39:55 +08:00
parent 398bc0c130
commit e8563a05c7
2 changed files with 38 additions and 45 deletions

View File

@ -71,14 +71,14 @@ class _AddressBookState extends State<AddressBook> {
Widget _buildAddressBookDesktop() {
return Row(
children: [
Card(
Container(
margin: EdgeInsets.symmetric(horizontal: 4.0),
shape: RoundedRectangleBorder(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12),
side:
BorderSide(color: Theme.of(context).scaffoldBackgroundColor)),
border:
Border.all(color: Theme.of(context).colorScheme.background)),
child: Container(
width: 200,
width: 180,
height: double.infinity,
padding:
const EdgeInsets.symmetric(horizontal: 12.0, vertical: 8.0),
@ -89,9 +89,6 @@ class _AddressBookState extends State<AddressBook> {
child: Container(
width: double.infinity,
height: double.infinity,
decoration: BoxDecoration(
border: Border.all(color: MyTheme.border),
borderRadius: BorderRadius.circular(2)),
child: _buildTags(),
).marginSymmetric(vertical: 8.0),
)
@ -107,12 +104,12 @@ class _AddressBookState extends State<AddressBook> {
Widget _buildAddressBookMobile() {
return Column(
children: [
Card(
Container(
margin: EdgeInsets.symmetric(horizontal: 1.0),
shape: RoundedRectangleBorder(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(6),
side:
BorderSide(color: Theme.of(context).scaffoldBackgroundColor)),
border:
Border.all(color: Theme.of(context).colorScheme.background)),
child: Container(
padding:
const EdgeInsets.symmetric(horizontal: 12.0, vertical: 8.0),
@ -122,9 +119,6 @@ class _AddressBookState extends State<AddressBook> {
_buildTagHeader(),
Container(
width: double.infinity,
decoration: BoxDecoration(
border: Border.all(color: MyTheme.darkGray),
borderRadius: BorderRadius.circular(4)),
child: _buildTags(),
).marginSymmetric(vertical: 8.0),
],
@ -149,7 +143,7 @@ class _AddressBookState extends State<AddressBook> {
menuPos = RelativeRect.fromLTRB(x, y, x, y);
},
onPointerUp: (_) => _showMenu(menuPos),
child: ActionMore()),
child: build_more(context, invert: true)),
],
);
}
@ -421,10 +415,9 @@ class AddressBookTag extends StatelessWidget {
child: Obx(
() => Container(
decoration: BoxDecoration(
color: tags.contains(name) ? Colors.blue : null,
border: tags.contains(name)
? null
: Border.all(color: MyTheme.border),
color: tags.contains(name)
? Colors.blue
: Theme.of(context).colorScheme.background,
borderRadius: BorderRadius.circular(6)),
margin: const EdgeInsets.symmetric(horizontal: 4.0, vertical: 8.0),
padding: const EdgeInsets.symmetric(vertical: 2.0, horizontal: 8.0),

View File

@ -313,7 +313,7 @@ class _PeerCardState extends State<_PeerCard>
_menuPos = RelativeRect.fromLTRB(x, y, x, y);
},
onPointerUp: (_) => _showPeerMenu(peer.id),
child: ActionMore());
child: build_more(context));
/// Show the peer menu and handle user's choice.
/// User might remove the peer or send a file to the peer.
@ -1226,28 +1226,28 @@ Widget getOnline(double rightPadding, bool online) {
radius: 3, backgroundColor: online ? Colors.green : kColorWarn)));
}
class ActionMore extends StatelessWidget {
final RxBool _hover = false.obs;
@override
Widget build(BuildContext context) {
return InkWell(
borderRadius: BorderRadius.circular(14),
onTap: () {},
onHover: (value) => _hover.value = value,
child: Obx(() => CircleAvatar(
radius: 14,
backgroundColor: _hover.value
? Theme.of(context).scaffoldBackgroundColor
: Theme.of(context).colorScheme.background,
child: Icon(Icons.more_vert,
size: 18,
color: _hover.value
? Theme.of(context).textTheme.titleLarge?.color
: Theme.of(context)
.textTheme
.titleLarge
?.color
?.withOpacity(0.5)))));
}
Widget build_more(BuildContext context, {bool invert = false}) {
final RxBool hover = false.obs;
return InkWell(
borderRadius: BorderRadius.circular(14),
onTap: () {},
onHover: (value) => hover.value = value,
child: Obx(() => CircleAvatar(
radius: 14,
backgroundColor: hover.value
? (invert
? Theme.of(context).colorScheme.background
: Theme.of(context).scaffoldBackgroundColor)
: (invert
? Theme.of(context).scaffoldBackgroundColor
: Theme.of(context).colorScheme.background),
child: Icon(Icons.more_vert,
size: 18,
color: hover.value
? Theme.of(context).textTheme.titleLarge?.color
: Theme.of(context)
.textTheme
.titleLarge
?.color
?.withOpacity(0.5)))));
}