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

fix(ags applauncher): style it properly

Browse source
This commit is contained in:
matt1432 2023-11-25 13:10:36 -05:00
parent 556a50f54d
commit f0a1e6f3f8
2 changed files with 11 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
devices/wim/config/ags/js/applauncher/app-item.js
View file

@ -1,11 +1,12 @@
import App from 'resource:///com/github/Aylur/ags/app.js';
import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js';
import { Box, Button, Icon, Label } from 'resource:///com/github/Aylur/ags/widget.js';
import { Box, Button, CenterBox, Icon, Label } from 'resource:///com/github/Aylur/ags/widget.js';
import { lookUpIcon } from 'resource:///com/github/Aylur/ags/utils.js';
import Separator from '../misc/separator.js';
const ENTRY_SPACING = 16;
export default (app) => {
const title = Label({
@ -34,13 +35,13 @@ export default (app) => {
size: 42,
});
const textBox = Box({
const textBox = CenterBox({
vertical: true,
vpack: 'center',
children: [title, description],
start_widget: title,
center_widget: description,
end_widget: Separator(ENTRY_SPACING, { vertical: true }),
});
const ENTRY_SPACING = 16;
return Button({
class_name: 'app',

10
devices/wim/config/ags/scss/widgets/applauncher.scss
View file

@ -4,7 +4,7 @@
border-radius: 25px;
background-color: $bg;
color: #f8f8f2;
padding: 10px;
padding: 2px;
* {
font-size: 16px;
@ -31,7 +31,8 @@
}
scrolledwindow {
padding: 16.2px;
padding: 10px;
padding-bottom: 0;
min-width: 700px;
min-height: 450px;
@ -42,6 +43,7 @@
scrollbar.vertical {
transition: 200ms;
background-color: rgba(23, 23, 23, 0.3);
margin: 20px 0;
&:hover {
background-color: rgba(23, 23, 23, 0.7);
@ -71,7 +73,7 @@
.app {
all: unset;
transition: 200ms;
padding: 9px;
padding: 2px 9px;
&:active {
background-color: rgba($contrast-bg, 0.5);
@ -107,8 +109,6 @@
image {
transition: 200ms;
margin-left: -10px;
margin-bottom: -8px;
}
}
}