ags improvements

desktops/hyprland/ags/windows/bar.js

@@ -30,6 +30,7 @@ const right = Widget.Box({
 export default () => Widget.Window({
     name: 'bar',
     anchor: ['top', 'left', 'right'],
+    monitor: 1,
     exclusive: true,
     visible: true,
     child: Widget.CenterBox({

desktops/hyprland/ags/windows/corners.js

@@ -1,33 +1,37 @@
 import { Widget } from '../imports.js';
 import { RoundedCorner } from "../modules/lib/roundedcorner.js";
 
-export const CornerTopleft = () => Widget.Window({
+export const CornerTopleft = monitor => Widget.Window({
     name: 'cornertl',
     layer: 'top',
+    monitor,
     anchor: ['top', 'left'],
     exclusive: false,
     visible: true,
-    child: RoundedCorner('topleft', { className: 'corner', }),
+    child: RoundedCorner('topleft', { className: monitor === 1 ? 'corner' : 'corner-black', }),
 });
-export const CornerTopright = () => Widget.Window({
+export const CornerTopright = monitor => Widget.Window({
     name: 'cornertr',
     layer: 'top',
+    monitor,
     anchor: ['top', 'right'],
     exclusive: false,
     visible: true,
-    child: RoundedCorner('topright', { className: 'corner', }),
+    child: RoundedCorner('topright', { className: monitor === 1 ? 'corner' : 'corner-black', }),
 });
-export const CornerBottomleft = () => Widget.Window({
+export const CornerBottomleft = monitor => Widget.Window({
     name: 'cornerbl',
     layer: 'top',
+    monitor,
     anchor: ['bottom', 'left'],
     exclusive: false,
     visible: true,
     child: RoundedCorner('bottomleft', { className: 'corner-black', }),
 });
-export const CornerBottomright = () => Widget.Window({
+export const CornerBottomright = monitor => Widget.Window({
     name: 'cornerbr',
     layer: 'top',
+    monitor,
     anchor: ['bottom', 'right'],
     exclusive: false,
     visible: true,