parent
94e03ef880
commit
6eb0921ec8
6 changed files with 71 additions and 31 deletions
|
@ -1,24 +0,0 @@
|
|||
import { Astal } from 'astal/gtk3';
|
||||
|
||||
|
||||
export default () => {
|
||||
return (
|
||||
<window
|
||||
name="bg-fade"
|
||||
layer={Astal.Layer.BACKGROUND}
|
||||
exclusivity={Astal.Exclusivity.IGNORE}
|
||||
anchor={
|
||||
Astal.WindowAnchor.TOP |
|
||||
Astal.WindowAnchor.BOTTOM |
|
||||
Astal.WindowAnchor.LEFT |
|
||||
Astal.WindowAnchor.RIGHT
|
||||
}
|
||||
css={`
|
||||
background-image: -gtk-gradient (linear,
|
||||
left top, left bottom,
|
||||
from(rgba(0, 0, 0, 0.5)),
|
||||
to(rgba(0, 0, 0, 0)));
|
||||
`}
|
||||
/>
|
||||
);
|
||||
};
|
35
nixosModules/ags/config/widgets/bg-layer/main.tsx
Normal file
35
nixosModules/ags/config/widgets/bg-layer/main.tsx
Normal file
|
@ -0,0 +1,35 @@
|
|||
import { Astal, Gdk } from 'astal/gtk3';
|
||||
|
||||
|
||||
export default (
|
||||
monitor = Gdk.Display.get_default()?.get_monitor(0) as Gdk.Monitor,
|
||||
gradient = true,
|
||||
) => {
|
||||
return (
|
||||
<window
|
||||
name="bg-layer"
|
||||
namespace="bg-layer"
|
||||
gdkmonitor={monitor}
|
||||
layer={Astal.Layer.BACKGROUND}
|
||||
exclusivity={Astal.Exclusivity.IGNORE}
|
||||
anchor={
|
||||
Astal.WindowAnchor.TOP |
|
||||
Astal.WindowAnchor.BOTTOM |
|
||||
Astal.WindowAnchor.LEFT |
|
||||
Astal.WindowAnchor.RIGHT
|
||||
}
|
||||
css={
|
||||
gradient ?
|
||||
`
|
||||
background-image: -gtk-gradient (linear,
|
||||
left top, left bottom,
|
||||
from(rgba(0, 0, 0, 0.5)),
|
||||
to(rgba(0, 0, 0, 0)));
|
||||
` :
|
||||
`
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
`
|
||||
}
|
||||
/>
|
||||
);
|
||||
};
|
Loading…
Add table
Add a link
Reference in a new issue