feat(binto ags bar): make spacing consistent with hyprland

This commit is contained in:
matt1432 2023-11-30 14:13:01 -05:00
parent 36106ce63c
commit d48403d9c8
3 changed files with 31 additions and 19 deletions

View file

@ -1,9 +1,13 @@
import { Box, CenterBox, Window } from 'resource:///com/github/Aylur/ags/widget.js'; import { Box, CenterBox, Window } from 'resource:///com/github/Aylur/ags/widget.js';
import SysTray from 'file:///home/matt/.nix/devices/wim/config/ags/js/bar/buttons/systray.js'; import SysTray from 'file:///home/matt/.nix/devices/wim/config/ags/js/bar/buttons/systray.js';
import Separator from 'file:///home/matt/.nix/devices/wim/config/ags/js/misc/separator.js';
import NotifButton from 'file:///home/matt/.nix/devices/wim/config/ags/js/bar/buttons/notif-button.js'; import NotifButton from 'file:///home/matt/.nix/devices/wim/config/ags/js/bar/buttons/notif-button.js';
import Clock from './buttons/clock.js'; import Clock from './buttons/clock.js';
const PADDING = 20;
export default () => Window({ export default () => Window({
name: 'bar', name: 'bar',
layer: 'overlay', layer: 'overlay',
@ -11,24 +15,32 @@ export default () => Window({
anchor: ['bottom', 'left', 'right'], anchor: ['bottom', 'left', 'right'],
monitor: 1, monitor: 1,
child: CenterBox({ child: Box({
start_widget: Box({ vertical: true,
hpack: 'start', children: [
children: [ CenterBox({
SysTray(), start_widget: Box({
], hpack: 'start',
}), children: [
Separator(PADDING),
SysTray(),
],
}),
center_widget: Box({ center_widget: Box({
hpack: 'center', children: [],
}), }),
end_widget: Box({ end_widget: Box({
hpack: 'end', hpack: 'end',
children: [ children: [
NotifButton(), NotifButton(),
Clock(), Clock(),
], Separator(PADDING),
}), ],
}),
}),
Separator(PADDING, {vertical: true}),
],
}), }),
}); });

View file

@ -1,11 +1,9 @@
.clock, .notif-panel { .clock, .notif-panel {
margin: 0 5px 5px 0;
padding: 2.5px 5px; padding: 2.5px 5px;
background-color: $bgfull; background-color: $bgfull;
} }
.sys-tray { .sys-tray {
margin: 0 0 5px 5px;
menubar { menubar {
background-color: $bgfull; background-color: $bgfull;

View file

@ -35,5 +35,7 @@ windowrule = tile,^(firefox)$
# Cosmetic # Cosmetic
general { general {
gaps_in = 10
gaps_out = 20
border_size = 0 border_size = 0
} }