diff --git a/ags/style/_apps-window.scss b/ags/style/_apps-window.scss index f6faf29..b4caafb 100644 --- a/ags/style/_apps-window.scss +++ b/ags/style/_apps-window.scss @@ -4,14 +4,18 @@ @use "./functions"; .apps-window-container { - padding: 24px; + $radius: 48px; + + padding: 28px; background: colors.$bg-translucent; - border-radius: 32px 32px 0 0; + border-radius: $radius $radius 0 0; & > entry { background: rgba(colors.$bg-primary, .4); margin-bottom: 32px; - min-width: 400px; + min-width: 450px; + padding: 14px; + border-radius: 18px; } & flowbox { diff --git a/ags/window/AppsWindow.ts b/ags/window/AppsWindow.ts index fb71139..7c1b890 100644 --- a/ags/window/AppsWindow.ts +++ b/ags/window/AppsWindow.ts @@ -11,11 +11,11 @@ export const AppsWindow = (mon: number): (Widget.Window) => { }); let results: Array = []; - const flowboxConnections: Array = []; + const flowboxConnections: Array = []; const flowbox = new Gtk.FlowBox({ - rowSpacing: 6, - columnSpacing: 6, + rowSpacing: 60, + columnSpacing: 60, homogeneous: true, visible: true, minChildrenPerLine: 1, @@ -36,17 +36,14 @@ export const AppsWindow = (mon: number): (Widget.Window) => { a.name > b.name ? 1 : -1); else results = getAstalApps().fuzzy_query(str); - // Destroy is handled by GnomeJS - flowbox.get_children().map(flowboxChild => flowbox.remove(flowboxChild)); + flowbox.get_children().map(flowboxChild => + flowbox.remove(flowboxChild)); results.map(app => { flowbox.insert(AppWidget(app), -1); - const flowboxchild = flowbox.get_child_at_index(flowbox.get_children().length-1)!.get_child(); - if(!flowboxchild) return; - - flowboxchild.set_valign(Gtk.Align.START); - flowboxchild.set_halign(Gtk.Align.START); + const child = flowbox.get_child_at_index(flowbox.get_children().length - 1); + child?.set_valign(Gtk.Align.START); }); const firstChild = flowbox.get_child_at_index(0); @@ -58,9 +55,9 @@ export const AppsWindow = (mon: number): (Widget.Window) => { // Astal3.Button doesn't work the way I need, so I'll use normal GtkButton const button = new Gtk.Button({ visible: true, - widthRequest: 180, + // widthRequest: 180, heightRequest: 140, - expand: false, + expand: true, tooltipMarkup: `${app.name}${app.description ? `\n${app.description}` : ""}`.replace(/\&/g, "&"),