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 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 Clock from './buttons/clock.js';
const PADDING = 20;
export default () => Window({
name: 'bar',
layer: 'overlay',
@ -11,24 +15,32 @@ export default () => Window({
anchor: ['bottom', 'left', 'right'],
monitor: 1,
child: CenterBox({
start_widget: Box({
hpack: 'start',
children: [
SysTray(),
],
}),
child: Box({
vertical: true,
children: [
CenterBox({
start_widget: Box({
hpack: 'start',
children: [
Separator(PADDING),
SysTray(),
],
}),
center_widget: Box({
hpack: 'center',
}),
center_widget: Box({
children: [],
}),
end_widget: Box({
hpack: 'end',
children: [
NotifButton(),
Clock(),
],
}),
end_widget: Box({
hpack: 'end',
children: [
NotifButton(),
Clock(),
Separator(PADDING),
],
}),
}),
Separator(PADDING, {vertical: true}),
],
}),
});

View file

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

View file

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