From 3d4577044ee400fc26b0d36ee90d562cf37e969c Mon Sep 17 00:00:00 2001
From: 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com>
Date: Tue, 1 Apr 2025 16:24:06 +1100
Subject: launcher: add round style

---
 src/modules/launcher/index.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

(limited to 'src/modules/launcher/index.tsx')

diff --git a/src/modules/launcher/index.tsx b/src/modules/launcher/index.tsx
index d355c79..b75ecce 100644
--- a/src/modules/launcher/index.tsx
+++ b/src/modules/launcher/index.tsx
@@ -24,7 +24,10 @@ const isAction = (text: string, action: string = "") => text.startsWith(config.a
 
 const SearchBar = ({ mode, entry }: { mode: Variable<Mode>; entry: Widget.Entry }) => (
     <box className="search-bar">
-        <label className="mode" label={bind(mode)} />
+        <box className="mode">
+            <label className="icon" label={bind(mode).as(getModeIcon)} />
+            <label label={bind(mode).as(getPrettyMode)} />
+        </box>
         {entry}
     </box>
 );
@@ -61,6 +64,7 @@ export default class Launcher extends PopupWindow {
         const mode = Variable<Mode>("apps");
         const content = Modes();
         const actions = new Actions(mode, entry);
+        const className = Variable.derive([mode, config.style], (m, s) => `launcher ${m} ${s}`);
 
         super({
             name: "launcher",
@@ -86,7 +90,8 @@ export default class Launcher extends PopupWindow {
                     vertical
                     halign={Gtk.Align.CENTER}
                     valign={Gtk.Align.CENTER}
-                    className={bind(mode).as(m => `launcher ${m}`)}
+                    className={bind(className)}
+                    onDestroy={() => className.drop()}
                 >
                     <SearchBar mode={mode} entry={entry} />
                     <stack
-- 
cgit v1.2.3-freya