feat(ags): add qs toggle button

This commit is contained in:
matt1432 2023-09-05 14:04:19 -04:00
parent ca4e1be045
commit d19e251440
3 changed files with 9 additions and 4 deletions

View file

@ -6,6 +6,7 @@ import { Workspaces } from './workspaces.js';
import { OskToggle } from './osk-toggle.js'; import { OskToggle } from './osk-toggle.js';
import { Heart } from './heart.js'; import { Heart } from './heart.js';
import { TabletToggle } from './tablet-toggle.js'; import { TabletToggle } from './tablet-toggle.js';
import { QsToggle } from './quick-settings.js';
export const Bar = Window({ export const Bar = Window({
name: 'left-bar', name: 'left-bar',
@ -16,7 +17,7 @@ export const Bar = Window({
child: CenterBox({ child: CenterBox({
className: 'transparent', className: 'transparent',
halign: 'fill', halign: 'fill',
style: 'margin-top: 5px; margin-left: 5px;', style: 'margin-top: 5px; margin-left: 5px; margin-right: 5px',
vertical: false, vertical: false,
children: [ children: [
@ -49,7 +50,9 @@ export const Bar = Window({
// Right // Right
Box({ Box({
halign: 'end', halign: 'end',
children: [], children: [
QsToggle,
],
}), }),
], ],
}), }),

View file

@ -35,7 +35,8 @@
font-size: 24px; font-size: 24px;
min-height: 40px; min-height: 40px;
min-width: 40px; min-width: 40px;
padding: 0px 0px 0px 0px; padding-right: 4px;
margin-left: -3px;
} }
.toggle-off { .toggle-off {

View file

@ -70,7 +70,8 @@
font-size: 24px; font-size: 24px;
min-height: 40px; min-height: 40px;
min-width: 40px; min-width: 40px;
padding: 0px 0px 0px 0px; } padding-right: 4px;
margin-left: -3px; }
.toggle-off { .toggle-off {
background-color: rgba(40, 42, 54, 0.8); background-color: rgba(40, 42, 54, 0.8);