UI Improvements

[nlogozzo]

The main UI could use a more GNOME deisgn...

I've created a mockup for it:

Here's the blueprint:

using Gtk 4.0;
using Adw 1;

Adw.Bin {
  Adw.Clamp {
    maximum-size: 800;
    margin-start: 12;
    margin-end: 12;
    margin-top: 12;
    margin-bottom: 12;

    Gtk.Box {
      orientation: vertical;
      spacing: 24;

      Adw.PreferencesGroup {
        title: "Convert";
        header-suffix: Gtk.Box {
          orientation: horizontal;
          spacing: 6;

          Gtk.Button {
            valign: center;

            child: Adw.ButtonContent {
              icon-name: "emblem-synchronizing-symbolic";
              label: "Switch"
            };

            styles ["flat"]
          }
        }

        Adw.ComboRow {
          title: "From";
          model: Gtk.StringList {
            strings ["USD", "EUR", "CAD"]
          };
        }

        Adw.ComboRow {
          title: "To";
          model: Gtk.StringList {
            strings ["EUR", "USD", "CAD"]
          };
        }

        Adw.EntryRow {
          title: "USD";
          text: "$5.00";
        }
      }

      Gtk.Button {
        halign: center;
        label: "Convert"

        styles ["pill", "suggested-action"]
      }

      Gtk.Label {
        label: "€6,52";

        styles ["title-3"]
      }
    }
  }
}

[ideveCore]

Hi friend, I like the idea, thank you for the tip.

[nlogozzo]

Hi friend, I like the idea, thank you for the tip.

If you need any help tweaking the design or something...let me know :)

[ideveCore]

I would love design is my Achilles heel

[ideveCore]

Hello friend thanks for the tips, they have already been added in the update stay tuned to your distro's app store

[ideveCore]

i'm close this issue.