flutter_desktop: custom image quality ui

Signed-off-by: fufesou <shuanglongchen@yeah.net>

flutter/lib/desktop/widgets/peercard_widget.dart

@@ -276,7 +276,7 @@ class _PeerCardState extends State<_PeerCard>
                               color: _iconMoreHover.value
                                   ? MyTheme.color(context).text
                                   : MyTheme.color(context).lightText),
-                          position: mod_menu.PopupMenuPosition.under,
+                          position: mod_menu.PopupMenuPosition.over,
                           itemBuilder: (BuildContext context) => snapshot.data!,
                         ))));
           } else {

flutter/lib/desktop/widgets/remote_menubar.dart

@@ -489,17 +489,24 @@ class _RemoteMenubarState extends State<RemoteMenubar> {
               final slider = Obx(() {
                 return Slider(
                   value: sliderValue.value,
-                  max: 100,
-                  divisions: 100,
-                  label: sliderValue.value.round().toString(),
+                  min: 10.0,
+                  max: 100.0,
+                  divisions: 90,
+                  // label: sliderValue.value.round().toString(),
                   onChanged: (double value) {
                     sliderValue.value = value;
                     rxReplay.add(value);
                   },
                 );
               });
+              final content = Row(
+                children: [
+                  slider,
+                  Obx(() => Text('${sliderValue.value.round()}% Bitrate'))
+                ],
+              );
               msgBoxCommon(widget.ffi.dialogManager, 'Custom Image Quality',
-                  slider, [btnCancel]);
+                  content, [btnCancel]);
             }
           }),
       MenuEntryDivider<String>(),