Mirrored_Repos/AppFlowy
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2024-08-30 18:12:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: upload image button ui on mobile

Browse Source
This commit is contained in:
Lucas.Xu 2024-08-17 11:50:00 +08:00
parent 83e8ea1dcb
commit 7c93a0ab14
3 changed files with 33 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/image/upload_image_menu/upload_image_menu.dart
View File

@ -121,38 +121,34 @@ class _UploadImageMenuState extends State<UploadImageMenu> {
final type = values[currentTabIndex]; final type = values[currentTabIndex];
switch (type) { switch (type) {
case UploadImageType.local: case UploadImageType.local:
return Column( Widget child = UploadImageFileWidget(
children: [ allowMultipleImages: widget.allowMultipleImages,
Padding( onPickFiles: widget.onSelectedLocalImages,
padding: const EdgeInsets.all(8.0), );
child: Container( if (PlatformExtension.isDesktop) {
alignment: Alignment.center, child = Padding(
decoration: BoxDecoration( padding: const EdgeInsets.all(8.0),
borderRadius: BorderRadius.circular(8), child: Container(
border: Border.all( alignment: Alignment.center,
color: Theme.of(context).colorScheme.outline, decoration: BoxDecoration(
), borderRadius: BorderRadius.circular(8),
), border: Border.all(
constraints: constraints, color: Theme.of(context).colorScheme.outline,
child: Column(
children: [
UploadImageFileWidget(
allowMultipleImages: widget.allowMultipleImages,
onPickFiles: widget.onSelectedLocalImages,
),
],
), ),
), ),
constraints: constraints,
child: child,
), ),
// if (widget.limitMaximumImageSize) ...[ );
// FlowyText( } else {
// LocaleKeys.document_imageBlock_maximumImageSize.tr(), child = Padding(
// fontSize: 10.0, padding:
// color: Theme.of(context).hintColor, const EdgeInsets.symmetric(horizontal: 8.0, vertical: 12.0),
// ), child: child,
// ], );
], }
); return child;
case UploadImageType.url: case UploadImageType.url:
return Container( return Container(
padding: const EdgeInsets.all(8.0), padding: const EdgeInsets.all(8.0),

4
frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/image/upload_image_menu/widgets/upload_image_file_widget.dart
View File

@ -1,5 +1,3 @@
import 'package:flutter/material.dart';
import 'package:appflowy/generated/locale_keys.g.dart'; import 'package:appflowy/generated/locale_keys.g.dart';
import 'package:appflowy/shared/permission/permission_checker.dart'; import 'package:appflowy/shared/permission/permission_checker.dart';
import 'package:appflowy/startup/startup.dart'; import 'package:appflowy/startup/startup.dart';
@ -9,6 +7,7 @@ import 'package:easy_localization/easy_localization.dart';
import 'package:flowy_infra/file_picker/file_picker_service.dart'; import 'package:flowy_infra/file_picker/file_picker_service.dart';
import 'package:flowy_infra_ui/flowy_infra_ui.dart'; import 'package:flowy_infra_ui/flowy_infra_ui.dart';
import 'package:flowy_infra_ui/style_widget/hover.dart'; import 'package:flowy_infra_ui/style_widget/hover.dart';
import 'package:flutter/material.dart';
import 'package:image_picker/image_picker.dart'; import 'package:image_picker/image_picker.dart';
class UploadImageFileWidget extends StatelessWidget { class UploadImageFileWidget extends StatelessWidget {
@ -27,6 +26,7 @@ class UploadImageFileWidget extends StatelessWidget {
Widget build(BuildContext context) { Widget build(BuildContext context) {
final child = FlowyButton( final child = FlowyButton(
showDefaultBoxDecorationOnMobile: true, showDefaultBoxDecorationOnMobile: true,
radius: PlatformExtension.isMobile ? BorderRadius.circular(8.0) : null,
text: Container( text: Container(
margin: const EdgeInsets.all(4.0), margin: const EdgeInsets.all(4.0),
alignment: Alignment.center, alignment: Alignment.center,

10
frontend/appflowy_flutter/packages/flowy_infra_ui/lib/style_widget/button.dart
View File

@ -263,10 +263,12 @@ class FlowyButton extends StatelessWidget {
(Platform.isIOS || Platform.isAndroid) (Platform.isIOS || Platform.isAndroid)
? BoxDecoration( ? BoxDecoration(
border: Border.all( border: Border.all(
color: borderColor ?? color: borderColor ??
Theme.of(context).colorScheme.surfaceContainerHighest, Theme.of(context).colorScheme.surfaceContainerHighest,
width: 1.0, width: 1.0,
)) ),
borderRadius: radius,
)
: null); : null);
return Container( return Container(