[ui] basic responsive

lib/components/dlForm.dart

@@ -15,7 +15,8 @@ class DlForm extends StatelessWidget {
         child: Form(child: LayoutBuilder(
             builder: (BuildContext context, BoxConstraints constraints) {
           debugPrint('Max width: ${constraints.maxWidth}');
-          if (constraints.maxWidth < 720) {
+          debugPrint('Max height: ${MediaQuery.of(context).size.height}');
+          if (constraints.maxWidth < 320) {
             return Column(
               children: [
                 Row(children: <Widget>[
@@ -23,11 +24,26 @@ class DlForm extends StatelessWidget {
                 ]),
                 Row(children: <Widget>[
                   Expanded(flex: 1, child: DropdownFormat()),
+                ]),
+                Row(children: <Widget>[
                   Expanded(flex: 1, child: SubmitButton()),
                 ]),
                 DebugDlFormState(),
               ],
             );
+          } else if (constraints.maxWidth < 720) {
+            return Column(
+              children: [
+                Row(children: <Widget>[
+                  UrlTextField(),
+                ]),
+                Row(children: <Widget>[
+                  Expanded(flex: 1, child: DropdownFormat()),
+                  Expanded(flex: 2, child: SubmitButton()),
+                ]),
+                DebugDlFormState(),
+              ],
+            );
           } else {
             return Column(
               children: [

lib/components/formComponents/submitButton.dart

@@ -17,24 +17,27 @@ class _SubmitButtonState extends State<SubmitButton> {
   @override
   Widget build(BuildContext context) {
     var dlForm = context.watch<DlFormState>();
-    return MouseRegion(
+    return ConstrainedBox(
-        cursor: SystemMouseCursors.click,
+      constraints: BoxConstraints.tightFor(width: 200),
-        child: GestureDetector(
+      child: MouseRegion(
-            onTap: () {
+          cursor: SystemMouseCursors.click,
-              dlForm.download();
+          child: GestureDetector(
-            },
+              onTap: () {
-            child: InkWell(
+                dlForm.download();
-              onHover: (hovering) {
-                setState(() => isHovering = hovering);
               },
-              child: Container(
+              child: InkWell(
-                padding:
+                onHover: (hovering) {
-                    const EdgeInsets.symmetric(horizontal: 80, vertical: 14),
+                  debugPrint('Hovering: $hovering');
-                decoration: BoxDecoration(
+                  setState(() => isHovering = hovering);
-                  color: isHovering ? colorDarkRed : colorMainRed,
+                },
+                child: Container(
+                  padding: const EdgeInsets.symmetric(vertical: 14),
+                  decoration: BoxDecoration(
+                    color: isHovering ? colorDarkRed : colorMainRed,
+                  ),
+                  child: const Text('Ok', textAlign: TextAlign.center).tr(),
                 ),
-                child: const Text('Ok').tr(),
+              ))),
-              ),
+    );
-            )));
   }
 }

lib/screens/home.dart

@@ -13,15 +13,24 @@ class Home extends StatelessWidget {
           title: Text('home').tr(),
         ),
         body: Center(
-          child: Column(
+          child: Container(
-            children: <Widget>[
+            constraints: BoxConstraints.expand(),
-              SizedBox(height: 10),
+            decoration: BoxDecoration(
-              Text('home_intro').tr(),
+              image: DecorationImage(
-              SizedBox(height: 10),
+                image: AssetImage("assets/images/wallpaper.webp"),
-              Padding(
+                fit: BoxFit.cover,
-                  padding: EdgeInsets.symmetric(horizontal: 20),
+              ),
-                  child: DlForm())
+            ),
-            ],
+            child: Column(
+              children: <Widget>[
+                SizedBox(height: 10),
+                Text('home_intro').tr(),
+                SizedBox(height: 10),
+                Padding(
+                    padding: EdgeInsets.symmetric(horizontal: 20),
+                    child: DlForm())
+              ],
+            ),
           ),
         ));
   }

lib/states/dlFormState.dart

@@ -38,12 +38,13 @@ class DlFormState extends ChangeNotifier {
     });
 
     var ytDlpPath = tempFile.path;
-    var command = url.trim();
+    var command =
+        '${url.trim()} --sub-langs "all,-live_chat" --embed-subs --embed-thumbnail --embed-metadata --output temp.mp4';
     var shell = Shell();
 
     debugPrint('Running $ytDlpPath $command');
     var results = await shell.run('''
-      pwd
+      dir
       $ytDlpPath $command
     ''');
   }

pubspec.yaml

@@ -31,6 +31,7 @@ flutter:
 
   assets:
     - lib/translations/
+    - assets/images/
     - assets/executable/
 flutter_intl:
   enabled: true