LESA/custum-hyprpanel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Made the settings menu significantly more responsive. (#454)

Browse Source
This commit is contained in:
Jas Singh
2024-11-07 21:35:49 -08:00
committed by GitHub
parent dbd932941b
commit d5f112e418
3 changed files with 106 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
widget/settings/SettingsDialog.ts
View File

@@ -39,8 +39,7 @@ const PageContainer = (): GBox => {
hpack: 'fill', hpack: 'fill',
hexpand: true, hexpand: true,
vertical: true, vertical: true,
children: CurrentPage.bind('value').as((v) => { children: [
return [
Widget.Box({ Widget.Box({
class_name: 'option-pages-container', class_name: 'option-pages-container',
hpack: 'center', hpack: 'center',
@@ -49,7 +48,9 @@ const PageContainer = (): GBox => {
return Widget.Button({ return Widget.Button({
xalign: 0, xalign: 0,
hpack: 'center', hpack: 'center',
class_name: `pager-button ${v === page ? 'active' : ''} category`, class_name: CurrentPage.bind('value').as(
(v) => `pager-button ${v === page ? 'active' : ''} category`,
),
label: page, label: page,
on_primary_click: () => (CurrentPage.value = page), on_primary_click: () => (CurrentPage.value = page),
}); });
@@ -64,8 +65,7 @@ const PageContainer = (): GBox => {
}, },
shown: CurrentPage.bind('value'), shown: CurrentPage.bind('value'),
}), }),
]; ],
}),
}); });
}; };

8
widget/settings/pages/config/index.ts
View File

@@ -43,8 +43,7 @@ const pagerMap: Page[] = [
export const SettingsMenu = (): GBox => { export const SettingsMenu = (): GBox => {
return Widget.Box({ return Widget.Box({
vertical: true, vertical: true,
children: CurrentPage.bind('value').as((v) => { children: [
return [
Widget.Box({ Widget.Box({
class_name: 'option-pages-container', class_name: 'option-pages-container',
hpack: 'center', hpack: 'center',
@@ -52,7 +51,7 @@ export const SettingsMenu = (): GBox => {
children: pagerMap.map((page) => { children: pagerMap.map((page) => {
return Widget.Button({ return Widget.Button({
hpack: 'center', hpack: 'center',
class_name: `pager-button ${v === page ? 'active' : ''}`, class_name: CurrentPage.bind('value').as((v) => `pager-button ${v === page ? 'active' : ''}`),
label: page, label: page,
on_primary_click: () => (CurrentPage.value = page), on_primary_click: () => (CurrentPage.value = page),
}); });
@@ -76,7 +75,6 @@ export const SettingsMenu = (): GBox => {
}, },
shown: CurrentPage.bind('value'), shown: CurrentPage.bind('value'),
}), }),
]; ],
}),
}); });
}; };

10
widget/settings/pages/theme/index.ts
View File

@@ -58,8 +58,7 @@ const pagerMap: Page[] = [
export const ThemesMenu = (): GBox => { export const ThemesMenu = (): GBox => {
return Widget.Box({ return Widget.Box({
vertical: true, vertical: true,
children: CurrentPage.bind('value').as((v) => { children: [
return [
Widget.Box({ Widget.Box({
class_name: 'option-pages-container', class_name: 'option-pages-container',
hpack: 'center', hpack: 'center',
@@ -72,7 +71,9 @@ export const ThemesMenu = (): GBox => {
return Widget.Button({ return Widget.Button({
hpack: 'center', hpack: 'center',
xalign: 0, xalign: 0,
class_name: `pager-button ${v === page ? 'active' : ''}`, class_name: CurrentPage.bind('value').as(
(v) => `pager-button ${v === page ? 'active' : ''}`,
),
label: page, label: page,
on_primary_click: () => (CurrentPage.value = page), on_primary_click: () => (CurrentPage.value = page),
}); });
@@ -105,7 +106,6 @@ export const ThemesMenu = (): GBox => {
}, },
shown: CurrentPage.bind('value'), shown: CurrentPage.bind('value'),
}), }),
]; ],
}),
}); });
}; };