nixos-configs/nixosModules/ags/config/ts/quick-settings/main.ts
matt1432 24aa4b9842
All checks were successful
Discord / discord commits (push) Has been skipped
refactor: make modules independant and exposed in the flake for outside use
2024-08-02 22:32:29 -04:00

58 lines
1.3 KiB
TypeScript

const { Box, Label, Revealer } = Widget;
import ButtonGrid from './button-grid.ts';
import SliderBox from './slider-box.ts';
import Player from '../media-player/player.ts';
import PopupWindow from '../misc/popup.ts';
import ToggleButton from './toggle-button.ts';
const QuickSettingsWidget = () => {
const rev = Revealer({
transition: 'slide_down',
child: Player(),
});
return Box({
class_name: 'qs-container',
vertical: true,
children: [
Box({
class_name: 'quick-settings',
vertical: true,
children: [
Label({
label: 'Control Center',
class_name: 'title',
hpack: 'start',
css: `
margin-left: 20px;
margin-bottom: 30px;
`,
}),
ButtonGrid(),
SliderBox(),
ToggleButton(rev),
],
}),
rev,
],
});
};
const TOP_MARGIN = 6;
export default () => PopupWindow({
name: 'quick-settings',
anchor: ['top', 'right'],
margins: [TOP_MARGIN, 0, 0, 0],
child: QuickSettingsWidget(),
});