Merge branch 'retrozinndev:ryo' into ryo

WALLPAPERS.md

@@ -1,7 +1,7 @@
-# About Walppapers
+# About
 
-None of them are made by me. You can find their artists, and more wallpapers 
+None of them are made by me. You can view and find their source 
-in their source link.
+by expanding them below.
 
 ## Bocchi The Rock!
 
@@ -146,7 +146,7 @@ in their source link.
 - Source: [Gruvbox Wallpapers](https://gruvbox-wallpapers.pages.dev)
 </details>
 
-<!----------------- -->
+<!---------------- -->
 ## Vocaloid Wallpapers
 
 <details>
@@ -399,7 +399,7 @@ in their source link.
 - Source: [WallHaven](https://wallhaven.cc/w/o3r8z9)
 </details>
 
-<!----------------- -->
+<!---------------- -->
 ## Frieren: Beyond Journey's End
 <details>
   <summary>
@@ -481,7 +481,7 @@ in their source link.
 - Source: [Alpha Coders](https://wall.alphacoders.com/big.php?i=1357998)
 </details>
 
-<!----------------- -->
+<!---------------- -->
 ## Oshi no Ko
 <details>
   <summary>
@@ -518,10 +518,6 @@ in their source link.
 - [Gruvbox Wallpapers](https://gruvbox-wallpapers.pages.dev)
 
 <!---------------- -->
-## Gruvbox-styled Wallpapers
-
-- [Gruvbox Wallpapers](https://gruvbox-wallpapers.pages.dev)
-
 ## Genshin Impact Wallpaper(s)
 Those can be get on web events in Genshin Impact, and also on [HoYoLAB](https://hoyolab.com).
 <details>
@@ -534,7 +530,7 @@ Those can be get on web events in Genshin Impact, and also on [HoYoLAB](https://
 - Source: Genshin Impact Web Event (not available anymore)
 </details>
 
-
+<!---------------- -->
 ## Others
 <details>
   <summary>

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 {

ags/style/_control-center.scss

@@ -178,6 +178,7 @@ box.history {
   & .notifications {
     & .notification {
       background: colors.$bg-translucent-primary;
+      padding: 3px;
     }
   }
 

ags/window/AppsWindow.ts

@@ -11,11 +11,11 @@ export const AppsWindow = (mon: number): (Widget.Window) => {
     });
 
     let results: Array<AstalApps.Application> = [];
-    const flowboxConnections: Array<number> = [];
 
+    const flowboxConnections: Array<number> = [];
     const flowbox = new Gtk.FlowBox({
-        rowSpacing: 6,
+        rowSpacing: 60,
-        columnSpacing: 6,
+        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.get_children().map(flowboxChild => flowbox.remove(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();
+            const child = flowbox.get_child_at_index(flowbox.get_children().length - 1);
-            if(!flowboxchild) return;
+            child?.set_valign(Gtk.Align.START);
-
-            flowboxchild.set_valign(Gtk.Align.START);
-            flowboxchild.set_halign(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<span foreground="#7f7f7f">${app.description}</span>`
             : ""}`.replace(/\&/g, "&amp;"),