matt1432/nixos-configs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor(binto ags bar): add main css class

Browse source
This commit is contained in:
matt1432 2023-11-30 15:17:57 -05:00
parent d48403d9c8
commit 6b1415d54b
3 changed files with 21 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
devices/binto/config/ags/js/bar/main.js
View file

@ -19,10 +19,12 @@ export default () => Window({
vertical: true, vertical: true,
children: [ children: [
CenterBox({ CenterBox({
className: 'bar',
start_widget: Box({ start_widget: Box({
hpack: 'start', hpack: 'start',
children: [ children: [
Separator(PADDING), Separator(PADDING),
SysTray(), SysTray(),
], ],
}), }),
@ -35,7 +37,9 @@ export default () => Window({
hpack: 'end', hpack: 'end',
children: [ children: [
NotifButton(), NotifButton(),
Separator(PADDING/2),
Clock(), Clock(),
Separator(PADDING), Separator(PADDING),
], ],
}), }),

2
devices/binto/config/ags/js/notifications/main.js
View file

@ -19,7 +19,7 @@ export const NotifPopups = () => PopupWindow({
export const NotifCenter = () => PopupWindow({ export const NotifCenter = () => PopupWindow({
name: 'notification-center', name: 'notification-center',
anchor: ['bottom', 'right'], anchor: ['bottom', 'right'],
margins: [0, 169, 0, 0], margins: [0, 187, 0, 0],
transition: 'slide_up', transition: 'slide_up',
monitor: 1, monitor: 1,

30
devices/binto/config/ags/scss/widgets/bar.scss
View file

@ -1,21 +1,23 @@
.clock, .notif-panel { .bar {
padding: 2.5px 5px; .clock, .notif-panel {
background-color: $bgfull; padding: 4.5px 7px;
}
.sys-tray {
menubar {
background-color: $bgfull; background-color: $bgfull;
padding: 2.5px;
} }
menuitem { .sys-tray {
image { color: #CBA6F7; }
padding: 0 2px;
* { menubar {
font-size: 25px; background-color: $bgfull;
padding: 2.5px;
}
menuitem {
image { color: #CBA6F7; }
padding: 0 2px;
* {
font-size: 25px;
}
} }
} }
} }